body {
	background-color: black;
	color: white;
	font-family: Arial;
	font-size: 12px;
	font-color: #d10909;
}

a {
	color: grey;
}
#topbarre {	
	position: absolute;
	left: 945px;
	width: 718px;
	height: 39px;
	background: transparent url(images/full_barre.png) no-repeat;
	margin: 0 auto;
	margin-top: -7px;
	z-index: 500;
}
#topbarre.connecte {
	background: transparent url(images/connect_barre.png)no-repeat;
}
#topbarre .links  {
	font-size: 11px;
	color: white;
	text-decoration: none;
}
#topbarre .links  a{
	color: red;
}
#topbarre input {
	vertical-align: middle;
	font-size: 10px;
	width: 90px;
	height: 13px;
	font-weight: bold;
	margin-top: -2px;
}
#topbarre .links a:hover{
	text-decoration: underline;
}
#topbar {	
	position: absolute;
	width: 472px;
	height: 39px;
	background: transparent url(images/top_menu.png) repeat-x;
	margin: 0 auto;
	margin-top:0px;
}
#topbar p:first-child { 
	padding-top: -5px;
}
#topbar p.flags {
	position: absolute;
	top: -8px;
	left: 85%;
}

#topbar p.logout {
	position: absolute;
	top: -11px;
	left: 88%;
}

#topbar img, #topbar input {
	vertical-align: middle;
}

#header {
	position: relative;
	min-width: 1213px;
	min-height: 377px;
	width: 1213px;
	height: 377px;
	margin: 0 auto; 
	background: transparent url(images/header.jpg) no-repeat; 
}
#menu {
	position: relative;
	width: 1000px;
	height: 37px;
	top: 260px;
}
#menu a {
	position: absolute;
	width: 87px;
	height: 37px;
}
	#menu a.menu00 {
		width: 173px;
		left: 100px;background: transparent url(images/bouton-jouez.png) no-repeat;
	}
	
	#menu a.menu0 {
		left: 395px;background: transparent url(images/accueil.png) no-repeat;
	}
	#menu a.menu1 {
		left: 500px;background: transparent url(images/forum.png) no-repeat;
	}
	#menu a.menu2 {
		left: 605px;background: transparent url(images/faq.png) no-repeat;
	}
	#menu a.menu3 {
		left: 710px;background: transparent url(images/support.png) no-repeat;
	}
	
	
#menu a:hover, #menu a.active {
	background-position: left bottom;
}

#menu ul {
	position: absolute;
	top: 242px; 
	left: 200px;
}

#content {
	position: relative;
	min-width: 1213px;
	min-height: 450px;
	width: 1213px;
	margin: 0 auto;
	margin-top: -16px;
	background: transparent url(images/content_background.jpg) repeat-y;
}

#left_box {
	position: absolute;
	background: transparent url(images/box_left.png);
	width: 194px;
	height: 366px;
	top: -82px;
	left: 10px;
	z-index: 1000;
}
.first_link_left {
	position: absolute;
	top: 67px;
	left: 17px;
	width: 165px;
	height: 95px;
	-webkit-transform: rotate(-21deg);
	-moz-transform: rotate(-21deg);
	-ms-transform: rotate(-21deg);
	transform: rotate(-21deg);
}
.second_link_left {
	position: absolute;
	top: 240px;
	left: 15px;
	width: 165px;
	height: 95px;
	-webkit-transform: rotate(21deg);
	-moz-transform: rotate(21deg);
	-ms-transform: rotate(21deg);
	transform: rotate(21deg);
}

#right_box {
	position: absolute;
	background: transparent url(images/box_right.png);
	width: 178px;
	height: 455px;
	top: -82px;
	left: 1020px;
	z-index: 1000;
}
.first_link_right {
	position: absolute;
	top: 110px;
	left: 10px;
	width: 165px;
	height: 95px;	
}
.second_link_right {
	position: absolute;
	top: 232px;
	left: 10px;
	width: 165px;
	height: 95px;	
}
.third_link_right {
	position: absolute;
	top: 356px;
	left: 10px;
	width: 165px;
	height: 95px;	
}

#contenu {
	position: relative;
	width: 1000px;
	margin-left: 112px;
	text-align: center;
	margin-top: -40px;
}

#footer {
	position: relative;
	min-width: 1213px;
	min-height: 207px;
	width: 1213px;
	height: 207px;
	margin: 0 auto;
	margin-top: -16px;
	background: transparent url(images/footer.jpg) no-repeat;
}

.rotation {
	position: absolute;
	left: 30px;
	top: -35px;
	height: 310px;
	width: 420px;
	background: transparent url(images/image_rotate_background.png) no-repeat left bottom;
}

.mini_news {
	width: 461px;
	height: 252px;
	background: transparent url(images/mini_news.png) no-repeat;
	float: left;
	margin-left: 0;
	margin-top: 40px;
	text-align: justify;
	
}
.mini_news div {
	width: 400px;
	height: 190px;
	margin: 18px 10px 0 27px;
	overflow: auto;
	overflow-x: hidden;
	padding-right: 8px;
}
.mini_news h2 {
	font-variant: small-caps;
	width: 420px;
	margin: 0;
}
.mini_news .date {
	font-variant: small-caps;
	margin: 0;
	margin-top: 13px;
	margin-left: 25px;
	font-size: 14px;
}

.mini_news img{
	float: left;
	margin: 7px;
}

.tchat {
	width: 527px;
	height: 369px;
	background: transparent url(images/tchat.png) no-repeat;
	margin-left: 465px;
	margin-top:  38px;
}

#slidermenu ul {
	display: inline;
	list-style-type: none;
	margin-left: 30px;
}
#slidermenu ul li {
	display: inline;
	margin: 10px;
}
.paneli {
	overflow:hidden;
	margin-left: 5px;
}

.hidden {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}

.news {
	position: relative;
	margin: 30px auto;
	height: 252px;
	width: 656px;
	background: transparent url(images/news_background.png) no-repeat;
	text-align: justify;
}

.news div {
	width: 590px;
	height: 190px;
	margin: 18px 10px 0 30px;
	overflow: auto;
	overflow-x: hidden;
	padding-right: 8px;
}
.news h2 {
	font-variant: small-caps;
	width: 420px;
	margin: 0;
}
.news .date {
	font-variant: small-caps;
	margin: 0;
	padding-top: 13px;
	margin-left: 35px;
	font-size: 14px;
}

.news img{
	float: left;
	margin: 7px;
}

.parchemin {
	position: relative;
	text-align: justify;
	width: 768px;
	margin: 0 auto;
}

.parchemin .top {
	width: 768px;
	height: 407px;	
}

.parchemin .top.guide {
	background: transparent url(images/parchemin_top_guide.png) no-repeat;
}

.parchemin .top.event {
	background: transparent url(images/parchemin_top_events.png) no-repeat;
}

.parchemin .top.aide {
	background: transparent url(images/parchemin_top_aide.png) no-repeat;
}

.parchemin .top.media {
	background: transparent url(images/parchemin_top_media.png) no-repeat;
}

.parchemin .top.faq {
	background: transparent url(images/parchemin_top_faq.png) no-repeat;
}

.parchemin .top.account {
	background: transparent url(images/parchemin_top_compte.png) no-repeat;
}

.parchemin h2, .parchemin h3 {
	color: black; 
}

.parchemin .content {
	width: 760px;
	min-height: 200px;
	margin-left: 4px;
	margin-top: -15px;
	background: transparent url(images/parchemin_background.jpg) repeat-y;
}
.parchemin .footer {
	width: 759px;
	min-height: 81px;
	margin-left: 4px;
	margin-top: -20px;
	background: transparent url(images/parchemin_footer.jpg) repeat-y;
}

.parchemin .content .title {
	margin-left: 30px;
	margin-bottom: 20px;
	text-indent: 0px;
}

.parchemin .content p {
	margin-left: 30px;
	text-indent: 30px;
	color: black;
	width: 700px;
	font-weight: bold;
}
.parchemin .content ul {
	margin-left: 50px;
	color: black;
	width: 630px;
	font-weight: bold;
}
.parchemin .content dd {
	margin-left: 30px;
	text-indent: 30px;
	color: black;
	width: 700px;
	font-weight: bold;
	margin-top: 15px;
}
.parchemin .content dt {
	margin-left: 20px;
	color: black;
	width: 700px;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 16px;
	margin-top: 15px;	
}

.parchemin a {
	color: black;
	
}

.coda-slider-wrapper { padding: 20px 0 }
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 992px } 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 992px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

/* Tab nav */
.coda-nav ul li a.current { background: #39c }

/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul{ min-width: 900px;}
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; position: absolute; top: -108px; left: 75px; }
.coda-nav ul li { display: inline }
.coda-nav ul li a { display: block; float: left; text-decoration: none; margin-right: 10px; }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; position: relative; }
.coda-slider .panel-container { position: relative }


.coda-nav ul li a {
		width: 87px;
		height: 37px;
		overflow: hidden;
	}
	.coda-nav ul li.menu0 a {
		background: transparent url(images/menu0.png) no-repeat left top;
	}
	.coda-nav ul li.menu1 a {
		background: transparent url(images/menu1.png) no-repeat;
	}
	.coda-nav ul li.menu2 a {
		background: transparent url(images/menu2.png) no-repeat;
	}
	.coda-nav ul li.menu3 a {
		background: transparent url(images/menu3.png) no-repeat;
	}
	.coda-nav ul li.menu4 a {
		background: transparent url(images/menu4.png) no-repeat;
	}
	.coda-nav ul li.menu5 a {
		background: transparent url(images/menu5.png) no-repeat;
	}
	.coda-nav ul li.menu6 a {
		background: transparent url(images/menu6.png) no-repeat;
	}
	.coda-nav ul li.menu7 a {
		background: transparent url(images/menu7.png) no-repeat;
		width: 110px;
	}
	
	
	.coda-nav ul li a:hover, .coda-nav ul li a.current {
	background-position: left bottom;
}
	
	
#slider1 {
    width: 414px;
    height: 300px;
    position: relative;
	overflow: hidden;
}

#slider1Content {
    width: 635px;
    position: absolute;
	top: 0;
	margin-left: 0;
	left: -32px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    width: 606px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.bottom {
	bottom: 15px;
    left: 0;
	
}

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}

#SexyAlertBox-Box {
  padding-bottom: 24px;
  background: url('images/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('images/bg-box-bottom.gif') bottom left no-repeat;
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background: url('images/bg-box-top.png') top left no-repeat !important;	
  background: url('images/bg-box-top.gif') top left no-repeat;	
}

#SexyAlertBox-BoxContent {
  background: url('images/bg-box-body.png') top left repeat-y !important;
  background: url('images/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}

#SexyAlertBox-Buttons input {
  margin: 10px 10px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('images/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('images/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('images/dialog-error.png') top left no-repeat;
}


.cadreinfo {
	min-height: 75px;
	width: 733px;
	margin: 15px auto;
	position: relative;
	color: #000000;
	text-align: center;
	font-variant: small-caps;
	font-size: 13px;
}

.cadreinfotop_green, .cadreinfotop_red {
	background: url(game/images/infos/VertHaut.jpg) no-repeat; 
	min-height: 6px;
	height: 6px;
}

.cadreinfocontent_green, .cadreinfocontent_red {
	margin-top: -16px;
	background: url(game/images/infos/fond_vert.png) repeat-y;
}

.cadreinfocontent_green p, .cadreinfocontent_red p {
	padding: 7px;
	font-weight: bold;
}

.cadreinfobottom_green, .cadreinfobottom_red {
	margin-top: -16px;
	background: url(game/images/infos/VertBas.jpg) no-repeat;
	min-height: 6px;
	height: 6px;
}

.cadreinfocontent_green a {
	color: red;
}

.cadreinfocontent_red a {
	color: #333333;
}

.cadreinfotop_red {
	background: url(game/images/infos/RougeHaut.jpg) no-repeat; 
}

.cadreinfocontent_red {
	background: url(game/images/infos/fond_rouge.png) repeat-y;
}



.cadreinfobottom_red {
	background: url(game/images/infos/RougeBas.jpg) no-repeat;
}

.postit {
	width: 457px;
	height: 116px;
	background: transparent url(images/postit.png) no-repeat;
	float: left;
	margin-left: 18px;
	margin-top: 50px;
	text-align: justify;
	
}
.postit div {
	width: 373px;
	height: 90px;
	margin-left: 8px;
	margin-top: 15px;
	overflow: auto;
	overflow-x: hidden;
}
.postit p {
	font-variant: small-caps;
	font-size: 11px;	
}

.support_board {
	width: 993px;
	height: 489px;
	background: transparent url(images/support_background.png) no-repeat;
	margin-left: 8px;
	margin-top: 30px;
}
.supportform {
	height: 405px;
	width: 380px;
	position: absolute;
	left: 600px;
	top: 30px;
	overflow: hidden;
	font-size: 10px;
	text-align: left;
}
.supportform  input {
	font-size: 10px; 
	font-weight: bold;
}
.supportform  input[type='text'] {

}