/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	HTML - BODY 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
html {
    margin: 0;
    padding: 0;
}

body {
	background: #070b0a url(fond.jpg) repeat-x 0 29px;
	margin: 0; 
	padding: 0; 
	font: 12px Verdana, Sans-Serif; 
	color: #000000;  
}
/* FIN HTML - BODY */


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	LIENS 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
a { color: #f8e3be; text-decoration: none; }
	a:hover { color: #f8e3be; text-decoration: underline; }
/* FIN  LIENS */


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	CONTENU 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
img { border: 0; }

#haut { 	
	background: url(fond_haut.jpg) repeat-x 0 0;
	width: 100%;
	height: 29px;
	margin: 0;
	padding: 0;
}

#fond_contenu { 	
	background: url(fond_contenu.jpg) repeat-y 0 0;
	width: 912px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#banniere { 	
	background: url(banniere.jpg) no-repeat 0 0;
	width: 900px;
	height: 256px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#sous_banniere { 	
	margin: 0 0 0 6px;
	padding: 0;
}

#bloc_bienvenue { 	
	background: url(bloc_bienvenue.jpg) no-repeat 0 0;
	width: 589px;
	height: 308px;
	margin: 0;
	padding: 0;
	float: left;
}

	#bloc_bienvenue p { font-size: 12px;	margin: 146px 22px 0 245px;	padding: 0;	}
	#bloc_bienvenue h1 { font-size: 14px; color: #cfbd51; font-weight: bolder; margin: 15px 0 0 245px; padding: 0; }
	#bloc_bienvenue .recrutement { font-size: 12px; color: #ffffff; margin: 3px 0 0 245px; padding: 0; }
	#bloc_bienvenue .recrutement a { font-size: 12px; color: #b4ac7e; font-weight: bolder; }
	#bloc_bienvenue .recrutement a:hover { text-decoration: underline }
	#bloc_bienvenue .recrutement strong { color: #000000; }

#bloc_villeaoc { 	
	background: url(bloc_villeaoc.jpg) no-repeat 0 0;
	width: 552px;
	height: 227px;
	margin: 0;
	padding: 0;
	float: left;
}

	#bloc_villeaoc p { font-size: 14px;	margin: 132px 0 0 227px; color: #b4ac7e; padding: 0; }
	#bloc_villeaoc a { font-size: 14px; color: #ffffff; font-weight: bolder; }
	#bloc_villeaoc a:hover { text-decoration: underline }

#bloc_raidwow { 	
	background: url(bloc_raidwow.jpg) no-repeat 0 0;
	width: 552px;
	height: 227px;
	margin: 0;
	padding: 0;
	float: left;
}

	#bloc_raidwow p { font-size: 14px;	margin: 132px 0 0 227px; color: #b4ac7e; padding: 0; }
	#bloc_raidwow a { font-size: 14px; color: #ffffff; font-weight: bolder; }
	#bloc_raidwow a:hover { text-decoration: underline }
	
#bloc_banniere_droite {
	margin: 0;
	padding: 0;
	float: left;
}

	#bloc_banniere { 	
		background: url(bloc_banniere.jpg) no-repeat 0 0;
		width: 311px;
		height: 62px;
		margin: 0;
		padding: 0;
		position: relative;
	}

	#bloc_aoc a { 
		display: block;	
		background: url(bloc_aoc.jpg) no-repeat 0 0;
		width: 311px;
		height: 124px;
		margin: 0;
		padding: 0;
		position: relative;
	}

	#bloc_wow a { 
		display: block;		
		background: url(bloc_wow.jpg) no-repeat 0 0;
		width: 311px;
		height: 122px;
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	#bloc_banqueaoc { 
		background: url(bloc_banqueaoc.jpg) no-repeat 0 0;
		width: 349px;
		height: 227px;
		margin: 0;
		padding: 0;
		position: relative;
	}	
	
		#bloc_banqueaoc ul {  margin: 0; padding: 145px 0 0 165px; }
		#bloc_banqueaoc ul li {  margin: 0; padding: 0; list-style-type: none; }
		#bloc_banqueaoc ul li a { font-size: 12px; color: #b4ac7e; font-weight: bolder; }
		#bloc_banqueaoc ul li a:hover { text-decoration: underline; }
		
	#bloc_guideswow { 
		background: url(bloc_guideswow.jpg) no-repeat 0 0;
		width: 349px;
		height: 227px;
		margin: 0;
		padding: 0;
		position: relative;
	}	
	
		#bloc_guideswow ul {  margin: 0; padding: 135px 0 0 165px; }
		#bloc_guideswow ul li {  margin: 0; padding: 0; list-style-type: none; }
		#bloc_guideswow ul li a { font-size: 12px; color: #b4ac7e; font-weight: bolder; }
		#bloc_guideswow ul li a:hover { text-decoration: underline; }
	
#fond_contenu_degrade { 	
	background: url(fond_contenu_degrade.jpg) no-repeat 0 0;
	width: 900px;
	height: 19px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#contenu {
	margin: 0;
	padding: 0;
	float: left;
}

	#haut_news { 	
		background: url(haut_news.jpg) no-repeat 0 0;
		width: 646px;
		height: 38px;
		margin: 0 0 0 6px;
		padding: 0;
	}
	
	#centre_contenu { 	
		background: url(contenu.jpg) repeat-y 0 0;
		width: 646px;
		margin: 0 0 0 7px;
		padding: 0;
	}
	
	#centre_contenu_content  h1 { margin-top: 0; padding: 0; font-size: 18px; font-weight: bolder; color: #654632; }
	#centre_contenu_content  h2 { margin: 15px 0 5px 10px; padding: 0; font-size: 16px; font-weight: bolder; color: #716c40; }
	#centre_contenu_content  p { margin: 7px 0 0 10px;  padding: 0 0 8px 0; }
	#centre_contenu_content { margin: 0 auto; width: 570px; position: relatve; padding: 0; }
	
	#bas_contenu { 	
		background: url(bas_contenu.jpg) no-repeat 0 0;
		width: 646px;
		height: 25px;
		margin: 0 0 0 6px;
		padding: 0;
	}

#blocs_droite {
	margin: 0;
	padding: 0;
	float: left;
}

	#bloc_acces { 	
		background: url(bloc_acces.jpg) no-repeat 0 0;
		width: 254px;
		height: 63px;
		margin: 0;
		padding: 1px;
	}
	
	form {
		margin: 25px 0 0 60px;
		padding: 0;
	}
	
	select {
		background-color:#e5d2b4;
		border: 1px solid #c1b190;
		color: #7e725a;
		margin: 0;
		padding: 0;
	}
	
	#haut_recrutement { 	
		background: url(haut_recrutement.jpg) no-repeat 0 0;
		width: 254px;
		height: 61px;
		margin: 0;
		padding: 0;
	}
	
	#haut_progression { 	
		background: url(haut_progression.jpg) no-repeat 0 0;
		width: 254px;
		height: 88px;
		margin: 0;
		padding: 0;
	}
	
	#haut_progression2 { 	
		background: url(haut_progression2.jpg) no-repeat 0 0;
		width: 254px;
		height: 88px;
		margin: 0;
		padding: 0;
	}
	
	#haut_villeguilde { 	
		background: url(haut_villeguilde.jpg) no-repeat 0 0;
		width: 254px;
		height: 88px;
		margin: 0;
		padding: 0;
	}
	
	#haut_teamspeak { 	
		background: url(haut_teamspeak.jpg) no-repeat 0 0;
		width: 254px;
		height: 83px;
		margin: 0;
		padding: 0;
	}
	
	#haut_liens { 	
		background: url(haut_liens.jpg) no-repeat 0 0;
		width: 254px;
		height: 88px;
		margin: 0;
		padding: 0;
	}
	
	#bas_bloc_droit { 	
		background: url(bas_bloc_droit.jpg) no-repeat 0 0;
		width: 254px;
		height: 26px;
		margin: 0;
		padding: 0;
	}
	
	.fond_bloc_droit { 	
		background: url(fond_bloc_droit.jpg) repeat-y 0 0;
		width: 254px;
		margin: 0;
		padding: 0;
	}
	
	.contenu_bloc_droit {
		position: relative;
		width: 200px;
		margin: 0 auto;
		padding: 0;
	}
	
		.contenu_bloc_droit h1 { margin: 0 0 4px 0; padding: 0; font-size: 12px; font-weight: bolder; color: #654632; }
		.contenu_bloc_droit a { color: #716c40; }
		.contenu_bloc_droit a:hover { text-decoration: underline; }
		#contact p { margin: 6px 0 0 5px; padding: 0; font-size: 12px; }
		#contact strong { margin: 0; padding: 0;}
		#contact a { color: #654632; text-decoration: none; }
		#contact a:hover { color: #654632; text-decoration: underline; }
		#contact img { float: left; margin: 0 5px 0 5px; padding: 0; }

#copyright { 	
	background: url(copyright.jpg) no-repeat 0 0;
	width: 862px;
	height: 95px;
	position: relative;
	margin: 0 auto;
	padding: 23px 0 0 0;
}

	#copyright p { 	
		text-align: center;
		color: #6f706f;
		margin: 0;
		padding: 0;
		font-size: 10px;
	}

.espace { 	
	width: 862px;
	height: 40px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
	
.clear { clear: both; }
/* FIN CONTENU */


#teamspeakdisplay  img { border: 0px; }
#teamspeakdisplay table { border-collapse: collapse; border-spacing: 0px; }
#teamspeakdisplay td { font: 9pt arial, verdana,helvetica; padding: 0px; white-space: nowrap; vertical-align: top; }
#teamspeakdisplay td.teamspeakserver { padding-left: 0px;	font-weight: bold; }
#teamspeakdisplay td.teamspeakchannel { padding-left: 0px; }
#teamspeakdisplay td.teamspeaksubchannel { padding-left: 0px; }
#teamspeakdisplay td.teamspeakplayer { padding-left: 0px; }

#teamspeakdisplay a.teamspeakserver {
	font: 9pt arial, verdana,helvetica;
	text-decoration: none;
	font-weight: bold;
	color: #d8dadb;
}
	#teamspeakdisplay a.teamspeakserver:hover { color: #6d6f70; }

#teamspeakdisplay a.teamspeakchannel {
	font: 9pt arial, verdana,helvetica;
	font-weight: bold;
	text-decoration: none;
	color: #d8dadb;
}
	#teamspeakdisplay a.teamspeakchannel:hover { color: #6d6f70; }

#teamspeakdisplay a.teamspeaksubchannel {
	font: 9pt arial, verdana,helvetica;
	font-weight: bold;
	text-decoration: none;
	color: #d8dadb;
}
	#teamspeakdisplay a.teamspeaksubchannel:hover { color: #6d6f70; }

.fond_titre_news { 	
	background: url(titre_news.jpg) no-repeat 0 0;
	width: 570px;
	height: 74px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.icone_news { 	
	width: 91px;
	height: 74px;
	margin: 0;
	padding: 0;
	float: left; 
}

.contenu_news { 	
	width: 550px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
	.contenu_news a { color: #654632; }
	.contenu_news a:hover { text-decoration: underline; }

#centre_contenu_content .titre_news  { margin: 0; padding: 0; width: 479px; height: 74px; float: left; }
	#centre_contenu_content .titre_news h1{ margin: 15px 0 0 15px; padding: 0; font-size: 18px; font-weight: bolder; color: #654632; }
	#centre_contenu_content .titre_news h1 a { color: #654632; }
	#centre_contenu_content .titre_news h1 a:hover { text-decoration: underline; }
	#centre_contenu_content .titre_news p { margin: 2px 0 0 25px; padding: 0; font-size: 12px; font-style: italic; font-weight: bolder; color: #716c40; }
	#centre_contenu_content a { color: #441906; }
	#centre_contenu_content a:hover { text-decoration: underline; }

	.page_news {
	width: 550px;
	position: relative;
	margin: 0 auto;
	padding: 0; 
}
	.page_news p { text-align: right; margin: 0; padding: 0; font-size: 12px; font-style: italic; font-weight: bolder; color: #716c40; }
	.page_news a { color: #654632; }
	.page_news a:hover { text-decoration: underline; }
	
#recrut_aoc1 {
	background: url(recrut_aoc1.jpg) no-repeat 0 0;
	width: 149px;
	height: 39px;
	position: relative;
	margin: 0px auto;
	padding: 0;
}

#recrut_aoc2 {
	background: url(recrut_aoc2.jpg) no-repeat 0 0;
	width: 149px;
	height: 35px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#recrut_aoc3 {
	background: url(recrut_aoc3.jpg) no-repeat 0 0;
	width: 149px;
	height: 36px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#recrut_wow1 {
	background: url(recrut_wow1.jpg) no-repeat 0 0;
	width: 149px;
	height: 39px;
	position: relative;
	margin: 0px auto;
	padding: 0;
}

#recrut_wow2 {
	background: url(recrut_wow2.jpg) no-repeat 0 0;
	width: 149px;
	height: 35px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#recrut_wow3 {
	background: url(recrut_wow3.jpg) no-repeat 0 0;
	width: 149px;
	height: 36px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#recrut_aoc1 a { display: block; margin: 0; padding: 0; height: 39px; width: 37px; float: left; }
#recrut_aoc2 a { display: block; margin: 0; padding: 0; height: 35px; width: 37px; float: left; }
#recrut_aoc3 a { display: block; margin: 0; padding: 0; height: 36px; width: 37px; float: left; }
#recrut_wow1 a { display: block; margin: 0; padding: 0; height: 39px; width: 37px; float: left; }
#recrut_wow2 a { display: block; margin: 0; padding: 0; height: 35px; width: 37px; float: left; }
#recrut_wow3 a { display: block; margin: 0; padding: 0; height: 36px; width: 37px; float: left; }

.recrut_fond {
	background: url(recrut_fond.jpg) no-repeat 0 0;
	width: 149px;
	height: 13px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

	.recrut_fond span{ margin: 0 16px 0 13px; padding: 0; color:#ffffff; font-weight: bolder; }