body {
	background : url('img/bg.jpg') no-repeat scroll center top;
	background-color : #000;
	margin:0;
	padding:0;
	text-align:center;
}

html, body {
	height:100%;
}

img {
	border : 0;
}
a {
	outline: none !important;
}
.hide {
	text-indent :-5000px;
	line-height : 0;
}
h1 {
	text-indent :-5000px;
	line-height : 0;
	font-size : 0px;
	background : transparent;
	padding :0;
	margin : 0;
}
#page {
	min-height : 100%;
	position : relative;
}
#page_bottom {
	min-width : 100%;
	position : relative;
}

#content {
	margin : 0 auto;
	min-height : 100%;
	position : relative;
	text-align : left;
	width : 930px;
}

#header {
	width : 930px;
	height : 222px;
	background : url('img/header.jpg') no-repeat;
}

/* menu :o ***********************************************************************/

#bgmenu {
	height : 35px;
	width : 930px;
	background : url('img/bg_menu.jpg') no-repeat;
}

ul#menu {
	margin : 0 0 0 9px;
	padding : 0;
	display : block;
	float : left;
	height : 35px;
	width : 912px;
	list-style-type : none;
}

ul#menu li{
	display : block;
	float : left;
	height : 35px;
	text-decoration:none;
	padding :0;
	margin : 0;
}

ul#menu li#accueil.accueil a {
	background-position : 0 -70px;
}
ul#menu li#accueil.accueil a:hover {
	background-position : 0 -70px;
}
ul#menu li#accueil.accueil a:active {
	background-position : 0 -35px;
}
ul#menu li#photos.photos a {
	background-position : -108px -70px;
}
ul#menu li#photos.photos a:hover {
	background-position : -108px -70px;
}
ul#menu li#photos.photos a:active {
	background-position : -108px -35px;
}
ul#menu li#concept.concept a {
	background-position : -217px -70px;
}
ul#menu li#concept.concept a:hover {
	background-position : -217px -70px;
}
ul#menu li#concept.concept a:active {
	background-position : -217px -35px;
}
ul#menu li#histoire.histoire a {
	background-position : -426px -70px;
}
ul#menu li#histoire.histoire a:hover {
	background-position : -426px -70px;
}
ul#menu li#histoire.histoire a:active {
	background-position : -426px -35px;
}
ul#menu li#forfaits.forfaits a {
	background-position : -679px -70px;
}
ul#menu li#forfaits.forfaits a:hover {
	background-position : -679px -70px;
}
ul#menu li#forfaits.forfaits a:active {
	background-position : -679px -35px;
}
ul#menu li#contact.contact a {
	background-position : -800px -70px;
}
ul#menu li#contact.contact a:hover {
	background-position : -800px -70px;
}
ul#menu li#contact.contact a:active {
	background-position : -800px -35px;
}

ul#menu li a{
	background : url('img/menu.jpg') no-repeat;
	background-repeat:no-repeat;
	display : block;
	float : left;
	height : 35px;
	text-decoration:none;
	padding :0;
	margin : 0;
	font-size:1px;
	line-height:0;
	text-indent:-5000px;
	outline: none !important;
}
ul#menu li#accueil a{
	background-position : 0 0;
	width : 108px;
}
ul#menu li#photos a{
	background-position : -108px 0;
	width : 109px;
}
ul#menu li#concept a{
	background-position : -217px 0;
	width : 209px;
}
ul#menu li#histoire a{
	background-position : -426px 0;
	width : 253px;
}
ul#menu li#forfaits a{
	background-position : -679px 0;
	width : 121px;
}
ul#menu li#contact a{
	background-position : -800px 0;
	width : 112px;
}
ul#menu li a span {
background:url(img/menu.jpg) no-repeat;
display:block;
height:35px;
z-index:2;
}
ul#menu li a.ac span {
	background-position : 0 -35px;
}
ul#menu li a.ph span {
	background-position : -108px -35px;
}
ul#menu li a.co span {
	background-position : -217px -35px;
}
ul#menu li a.hi span {
	background-position : -426px -35px;
}
ul#menu li a.fo span {
	background-position : -679px -35px;
}
ul#menu li a.con span {
	background-position : -800px -35px;
}

/*..*********************************************************************/

/* contenu ***************************************************************/

#contener {
	width : 930px;
	background-color : #ece9e2;
	overflow : hidden;
	padding : 0;
	margin : 0;
}

#center {
	width : 857px;
	margin : 18px 0 0 38px;
	padding : 0;
}

.w_contener-top {
	background : url('img/contener_wide_top_none.jpg') no-repeat;
	width : 857px;
	height : 28px;
}
.w_contener-top-r {
	background : url('img/contener_wide_top_right.jpg') no-repeat;
	width : 857px;
	height : 28px;
}
.w_contener-top-l {
	background : url('img/contener_wide_top_left.jpg') no-repeat;
	width : 857px;
	height : 28px;
}
.w_contener-top-db {
	background : url('img/contener_wide_top_db.jpg') no-repeat;
	width : 857px;
	height : 28px;
}
.w_contener-mid {
	background : url('img/contener_wide_mid.jpg') repeat-y;
	width : 857px;
	min-height : 15px;
	overflow : hidden;
}
.w_contener-mid-x {
	background : url('img/contener_wide_mid.jpg') repeat-y;
	width : 857px;
	overflow : hidden;
}
.w_contener-content {
	padding : 5px 0 5px 8px;
	margin : 0;
	width : 837px;
	overflow: hidden;
}
.wide_left {
	float : left;
	width : 48%;
}
.champPass{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:transparent url(img/input.jpg) no-repeat scroll left top;
	border:medium none;
	color:#676767;
	height:22px;
	padding:0;
	margin : 3px;
	width:350px;
	float : left;
}

.champPass:hover{
	background:transparent url(img/input.jpg) no-repeat scroll left bottom;
}
input.okay[type="button"], input.okay[type="submit"] {
	background:transparent url(img/okay.jpg) no-repeat scroll left top;
	cursor:pointer;
	font-size:1px;
	line-height:0;
	text-indent:-5000px;
	border:none;
	height:26px;	
	padding:0;
	margin : 3px;
	width:26px;
	float : right;
}

input.okay[type="submit"]:hover, input.okay[type="submit"]:hover {
	background-position:left bottom;
}

#sample {
	display:table;
}
#sampleFile {
	float: left;
	display:table-cell;
	margin-right: 15px;
}
#download {
	margin-top: 15px;
	display: table;
}
.dlImage {
	display: table-cell;
	float: left;
	margin-right: 10px;
}
.dlText {
	float: left;
	display: table-cell;
}
.fileDetails {
	color: red;
}
.releaseDate{
	margin-top: -3px;
	color: gray;
}
.wide_right {
	float : right;
	width : 52%;
}
.wide_right img {
	padding : 10px 0 0 50px;
	margin : 0;
}
	
.w_contener-bottom {
	background : url('img/contener_wide_bottom_none.jpg') no-repeat;
	width : 857px;
	height : 28px;
}
.w_contener-bottom-r {
	background : url('img/contener_wide_bottom_right.jpg') no-repeat;
	width : 857px;
	height : 28px;
}
.w_contener-bottom-l {
	background : url('img/contener_wide_bottom_left.jpg') no-repeat;
	width : 857px;
	height : 28px;
}
.w_contener-bottom-db {
	background : url('img/contener_wide_bottom_db.jpg') no-repeat;
	width : 857px;
	height : 28px;
}

#cadre_w {
	width : 857px;
	overflow : hidden;
	height : auto;
}

#cadre_left{
	width : 423px;
	height : auto;
	overflow : hidden;
	float : left;
	margin : 10px 0 0 0;
	padding : 0 2px 0 0;
}
#cadre_right{
	width : 423px;
	height : auto;
	overflow : hidden;
	float : right;
	margin : 10px 0 0 0;
	padding : 0 0 0 2px;
}
.mini_contener-top {
	background : url('img/contener_mini_top_none.jpg') no-repeat;
	width : 423px;
	height : 16px;
}
.mini_contener-top-r {
	background : url('img/contener_mini_top_right.jpg') no-repeat;
	width : 423px;
	height : 16px;
}
.mini_contener-top-l {
	background : url('img/contener_mini_top_left.jpg') no-repeat;
	width : 423px;
	height : 16px;
}
.mini_contener-top-db {
	background : url('img/contener_mini_top_db.jpg') no-repeat;
	width : 423px;
	height : 16px;
}
.mini_contener-mid {
	background : url('img/contener_mini_mid.jpg') repeat-y;
	width : 423px;
	min-height : 15px;
	overflow : hidden;
}
.mini_contener-bottom {
	background : url('img/contener_mini_bottom_none.jpg') no-repeat;
	width : 423px;
	height : 20px;
}
.mini_contener-bottom-r {
	background : url('img/contener_mini_bottom_right.jpg') no-repeat;
	width : 423px;
	height : 20px;
}
.mini_contener-bottom-l {
	background : url('img/contener_mini_bottom_left.jpg') no-repeat;
	width : 423px;
	height : 20px;
}
.mini_contener-bottom-db {
	background : url('img/contener_mini_bottom_db.jpg') no-repeat;
	width : 423px;
	height : 20px;
}
.mini_contener-content {
	overflow : hidden;
	padding : 5px 0 5px 8px;
	margin : 0;
	width : 403px;
}
.mini_contener-content_contact {
	overflow : hidden;
	padding : 5px 0 5px 8px;
	margin : 0;
	width : 403px;
	height : 180px;
	background : url('img/bg_contact.jpg') no-repeat scroll right top;
}
.mini_contener-content_contact-r {
	overflow : hidden;
	padding : 5px 0 5px 8px;
	margin : 0;
	width : 403px;
	height : 180px;
}
img.f-left {
	border :0;
	margin : 0;
	padding : 5px;
	float : left;
}
img.f-left-c {
	border :0;
	margin : 0;
	padding : 5px 15px 5px 5px;
	float : left;
}
img.f-right {
	border :0;
	margin : 0;
	padding : 5px;
	float : right;
}

#cadre_link{
	width : 423px;
	height : auto;
	overflow : hidden;
	float : right;
	margin : 10px 0 0 0;
	padding : 0 0 0 2px;
}

.link_contener-top {
	background : url('img/contener_top_left.jpg') no-repeat;
	width : 423px;
	height : 15px;
}
.link_contener-mid {
	background : url('img/contener_mid.jpg') repeat-y;
	width : 423px;
	min-height : 15px;
}
.link_contener-bottom {
	background : url('img/contener_bottom_left.jpg') no-repeat;
	width : 423px;
	height : 22px;
}
.link_contener-content {
	overflow : hidden;
	padding : 5px 0 5px 8px;
	margin : 0;
	width : 403px;
}
.link-left {
	width : 60%;
	float : left;
}
.link-right {
	width : 40%;
	float : right;
}
ul#slide {
	margin : 0 0 0 8px;
	padding : 0;
}
ul#slide li {
	padding : 0;
	list-style-type : none;
}
ul#slide2 {
	margin : 0 0 0 8px;
	padding : 0;
}
ul#slide2 li {
	padding : 0;
	list-style-type : none;
}
ul#slide3 {
	margin : 0 0 0 8px;
	padding : 0;
}
ul#slide3 li {
	padding : 0;
	list-style-type : none;
}

.mini_contener {
}

.usual {
color:#111111;
z-index : 2;
margin:0 0 -1px 0;
padding:0;
width:320px;
height : 23px;
}

#fileUploadgrowlUploader {
	float : right;
	margin : -35px 10px 0 0;
	padding : 0;
}

ul.idTabs {
	float : left;
	width : 310px;
	height : 22px;
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.usual li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.usual ul a {
background:url('img/tab.png') no-repeat;
background-position: 0 -23px;
color:#333333;
display:block;
height : 23px;
width : 149px;
font-family:Verdana;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
text-decoration:none !important;
}
.usual ul a span{
margin:2px 0 0 40px;
font-family:Arial Narrow, Georgia, sans-serif;
font-style:normal;
font-size:12pt;
font-weight:normal;
}
.usual ul a:hover span{
margin:2px 0 0 40px;
font-family:Arial Narrow, Georgia, sans-serif;
font-style:italic;
font-size:12pt;
font-weight:bold;
}
.usual ul a.selected span{
margin:2px 0 0 40px;
font-family:Arial Narrow, Georgia, sans-serif;
font-style:normal;
font-size:12pt;
font-weight:bold;
}

.usual ul a.selected {
background:url('img/tab.png') no-repeat;
height : 23px;
background-position: 0 0;
color:#495946;
cursor:default;
margin-bottom:1px;
}
.usual div {
background:snow none repeat scroll 0 0;
clear:left;
font-family:Arial Narrow, Georgia, sans-serif;
font-size:10pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:10px 10px 8px;
}
.usual div a {
color:#000000;
font-weight:bold;
}

#home {
	padding : 5px 0 5px 8px;
	margin : 0;
	width : 837px;
	overflow: hidden;
}
#news {
	padding : 5px 0 5px 8px;
	margin : 0;
	width : 837px;
	overflow: hidden;
}
.list_left {
	float : left;
	width : 40%;
}
.list_right {
	float : right;
	width : 60%;
	text-align : right;
}
.list_right_n {
	float : right;
	width : 40%;
}
.list_right img {
	padding : 10px 0 0 25px;
	margin : 0;
}
hr.grey {
	color : #d4d4d4;
	background-color : #d4d4d4;
	height : 1px;
	border: 0;
	padding :0;
	margin : 2px 0 8px 0;
}
p.txt {
font-family:Arial Narrow, Georgia, sans-serif;
font-size:12pt;
color : #333;
padding : 0;
margin : 0;
line-height : normal;
}

p.txt_n {
font-family:Arial Narrow, Georgia, sans-serif;
font-size:12pt;
color : #333;
padding : 0 15px 0 0;
margin : 0;
line-height : normal;
}
p.txt span {
font-family:Arial Narrow, Georgia, sans-serif;
font-size:10pt;
font-style : italic;
color : #333;
padding : 0;
margin : 0;
line-height : normal;
}
h2.txt {
font-family:Arial Narrow, Georgia, sans-serif;
font-size:14pt;
font-style : italic;
font-weight : bold;
color : #333;
padding : 0;
margin : 0;
line-height : normal;
}
h2.txtc {
font-family:Arial Narrow, Georgia, sans-serif;
font-size:13pt;
font-style : italic;
font-weight : bold;
color : #333;
padding : 0;
margin : 0;
line-height : normal;
}

#footer {
	width : 1138px;
	height : 200px;
	background : url('img/footer.png') no-repeat scroll center bottom;
	position : relative;
	margin : 0 auto;
	padding : 0;
	bottom : 0;
	left : 0;
	clear : both;
}

/* forfaits**********************************/

ul.player {
	margin: 38px 0 0 104px;
	position : absolute;
	padding:0;
	width : 221px;
	height : 531px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background : url('img/list_perso.jpg') no-repeat scroll left top;
}
ul.player li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.player li a{
text-indent : -5000px;
line-height : 0px;
font-size : 0pt;
}
ul.player li#masque {
	width : 90px;
	height : 90px;
	position : absolute;
	z-index : 2;
	margin : 8px 0 0 55px;
}
ul.player li#masque a {
	width : 97px;
	height : 97px;
	position : absolute;
}
ul.player li#masque a:hover {
	width : 97px;
	height : 97px;
	position : absolute;
}
ul.player li#plastron {
	width : 80px;
	height : 190px;
	position : absolute;
	z-index : 2;
	margin : 100px 0 0 10px;
}
ul.player li#plastron a {
	width : 80px;
	height : 190px;
	position : absolute;
}
ul.player li#plastron a:hover {
	width : 80px;
	height : 190px;
	position : absolute;
}
ul.player li#combinaison {
	width : 180px;
	height : 415px;
	position : absolute;
	z-index : 1;
	margin : 100px 0 0 0;
}
ul.player li#combinaison a {
	width : 180px;
	height : 415px;
	position : absolute;
}
ul.player li#combinaison a:hover {
	width : 180px;
	height : 415px;
	position : absolute;
}
ul.player li#lanceur {
	width : 130px;
	height : 180px;
	position : absolute;
	z-index : 2;
	margin : 195px 0 0 85px;
}
ul.player li#lanceur a {
	width : 130px;
	height : 180px;
	position : absolute;
}
ul.player li#lanceur a:hover {
	width : 130px;
	height : 180px;
	position : absolute;
}
ul.player li#gants {
	width : 45px;
	height : 45px;
	position : absolute;
	z-index : 3;
	margin : 255px 0 0 125px;
}
ul.player li#gants a {
	width : 45px;
	height : 45px;
	position : absolute;
}
ul.player li#gants a:hover {
	width : 45px;
	height : 45px;
	position : absolute;
}

/* commentaire ******************************************************/
/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 830px;
}
.message_list li {
	padding: 0;
	margin: 0;
	background: url(img/message-bar.jpg) no-repeat;
}
.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}
.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.message_body {
	padding: 5px 10px 15px;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 830px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(img/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(img/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(img/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}