/**********************************/
/* Game-Elements - Homepage ~ Css        */
/**********************************/

/*The site*/

body {
	width: 987px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font:12pt 'Georgia',times,serif;
	background-image:url('http://hitskin.com/themes/15/88/46/i_background.jpg');
	color:#000;
}

#content {
	text-align:left;
	padding: 0 0 6px 2px;
	width: 615px;
}

#site {
	width: 989px;
	margin: auto;
}

#index {
	margin-left: auto;
	margin-top: 33px;
	margin-right: auto;
	width: 722px;
	margin-bottom: 60px;
}

/*Links*/

a:link, a:visited {
	text-decoration:none;
	color:brown;
}

a:hover, a:focus {
	text-decoration:underline;
	color:brown;
}

a.connexion:link, a.connexion:visited {
	text-decoration:none;
	color:lightgreen;
}

a.connexion:hover, a.connexion:focus {
	text-decoration:underline;
	color:#4AA02C;
}

a.copyheb:link, a.copyheb:visited {
	text-decoration:underline;
	color:gray;
}

a.copyheb:hover, a.copyheb:focus {
	text-decoration:none;
	color:#808080;
}

a.staff:link, a.staff:visited {
	text-decoration:none;
	color:#E77471;
}

a.staff:hover, a.staff:focus {
	text-decoration:underline;
	color:#E41B17;
}

a.nav:link, a.nav:visited {
	color:#00a9e8;
	text-decoration:none;
}

a.nav:hover, a.nav:focus {
	color:#3dcbff;
	text-decoration: underline;
}

/*Les tables*/

table {
	border-collapse: collapse;
	border-color:#d4d4d4;
}

#gradient, .gradient, .gradient-horizontal { 
	background-image: url(http://img143.imageshack.us/img143/9351/gradient1pixelhorizonta.png);
}

.gradient-vertical {
	background-image: url(http://img707.imageshack.us/img707/6272/gradient1pixelvertical.png);
}

.tabg {
	text-align: center;
	border-color:#d4d4d4;
	background:#ebebeb;
}

.tabg th {
	color:#fff;
	font:10pt 'Arial',times,serif;
	font-weight: bold;
	text-align: center;
	background-image: url(http://img228.imageshack.us/img228/4520/hauttable.png);
	border-color:#d4d4d4;
}

.tabg td {
	color:#525252;
	font:12pt 'Georgia',times,serif;
	border-color:#d4d4d4;
}

.tab_style {
	text_align: left;
}

.tab_style1 {
	text-align: center;
}

.tab_style2 {
	text-align: right;
}

.sign_lien {
	background-color:#f0f0f0;
	border:1px solid #000;
	color:#535353;
	font:11pt 'Georgia',times,serif;
	text-align: left;
}

.liste {
	width: 300px;
	text-align: center;
	background-color:#f0f0f0;
	border:1px solid #a2a2a2;
}

.liste th {
	color:#fff;
	font:11pt 'Arial',times,serif;
	font-weight: bold;
	text-align: center;
	background-image: url(http://img228.imageshack.us/img228/4520/hauttable.png);
	height: 19px;
}

.liste td {
	color:#535353;
	font:10pt 'Georgia',times,serif;
	text-align: left;
}

/* En-tête - Bannières - Chatbox */

#entete {
	margin-bottom: 0px;
	width: 987px;
	height: 155px;
}

#banniere {
	width: 987px;
	height: 200px;
	background-image: url(http://img14.imageshack.us/img14/1323/ilogoqc1.jpg);
	background-repeat: no-repeat;
}

#bar_haut {
	width: 987px;
	height: 29px;
	background-image: url(http://img411.imageshack.us/img411/9719/barreo.png);
	background-repeat: no-repeat;
}

#bar_bas {
	width: 987px;
	height: 27px;
	background-image: url(http://img411.imageshack.us/img411/9719/barreo.png);
	background-repeat: no-repeat;
}

#txt_bar_haut {
	margin-left: 10px;
	padding-top: 5px;
	text-align:left;
	height: 27px;
	color:#199900;
}

#txt_bar_bas {
	margin-left: 12px;
	padding-top: 5px;
	text-align: left;
	height: 27px;
	color:#f3f2f2;
}

/* Navigation */

.menu{
    position:absolute;
    display:block;
    margin-top:-34px;
    padding:0;
    width:500px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:124px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* Correction d'un bug IE */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    background-image:url('http://img411.imageshack.us/img411/9719/barreo.png');
    color:#00a9e8;
    display:block;
    height:18x;
    width:120px;
    text-decoration:none;
    padding:5px 0;
    }
    
.menu a:hover{
    color:#3dcbff;
    }
    
/* Optimization meilleur pour Firefox */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }

#nav {
	position:absolute;
	display:block;
	width: 500px;
	margin:0;
	padding:0;
}

#nav ul {
	position:absolute;
	display:block;
	width:124px;
	margin:0;
	padding:0;
}

#nav li ul {
	visibility:hidden;
}

#nav li li ul {
	position:absolute;
	margin-left:124px;
	margin-top:-23px;
}

#nav li {
	list-style:none;
	width:124px;
	height:auto;
	display:inline;
	float:none;
	margin:0;
	padding:0;
}

#nav li li {
	display:block;
	float:none;
}

#nav a {
	text-align:center;
	background-color: #444;
	border:1px #fff solid;
	color:#fff;
	display:block;
	width:120px;
	text-decoration:none;
	padding:2px 0;
	margin:1px;
}

#nav a:hover {
	background-color: #999;
}

#nav a:focus{
	background-color: 444;
}

#nav_fond {
	position: relative;
	width: 193px;
	background-image: url(http://img576.imageshack.us/img576/5243/menufond.png);
}

#nav_haut {
	position: relative;
	width: 193px;
	background-image: url(http://img9.imageshack.us/img9/3766/menuhaut.png);
}

#nav_bas {
	position: relative;
	height: 21px;
	width: 193px;
	background-image: url(http://img709.imageshack.us/img709/7096/menubas.png);
}

#txt_nav {
	margin-left: 15px;
	margin-right: 12px;
	text-align:left;
}

#titre_nav {
	margin-left: 12px;
	margin-right: 12px;
	text-align: center;
	color:#f9f9f9;
	font-weight: bold;
	font:11pt 'Arial', times, serif;
	background: url(http://img228.imageshack.us/img228/4520/hauttable.png);
}

/* Le Contenu du site */

div#site {
	width: 987px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#f9f9f9;
	border: 1px solid #7a7a7a;
}

div#corps {
	position: relative;
	float: left;
	width: 700px;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 60px;
	border: 1px solid #7a7a7a;
}

div#corps_ssc {
	position: relative;
	float: left;
	width: 885px;
	margin-left: 43px;
	margin-top: 5px;
	margin-bottom: 60px;
}

div#corps_txt {
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 5px;
	margin-top: 12px;
	text-align: left;
	color:454545#;
}

/* Bas de la page */

#bas_page {
	clear: both;
	width: 987px;
	background-color:#fff;
}

/* Le texte */

h1 {
	color:#ab0909;
	font:25pt 'Georgia',times,serif;
}

h2 {
	color:#009bd4;
	font:20pt 'Georgia',times,serif;
}

p {
	color:#434343;
	font:12pt 'Georgia',times,serif;
}

p.copy {
	text-align:left;
	font:8pt 'Georgia',times,serif;
}

p.hebergeur {
	text-align:right;
	font:8pt 'Georgia',times,serif;
}

.titre {
	color:#009bd4;
	font:16pt 'Georgia',times,serif;
	font-weight: bold;
}

.txt_staff {
	color:#494949;
	font:14pt 'Arial', Helvetica, sans-serif;
	text-align: left;
}

/* Le texte - Couleur */

color#bleu, color.bleu {
	color:#009bd4;
}

color#vert, color.vert {
	color:#00d437;
}

color#orange, color.orange {
	color:#e77200;
}

color#rouge, color.rouge {
	color:#bd1010;
}

color#jaune, color.jaune {
	color:#ddda02;
}

/* Nouveauté */

.new {
	height: 25px;
	font:12pt 'Lucida Console',times,serif;
	margin-left: 12px;
}

.news {
	padding-left: 30px;
	padding-right: 20px;
	text-align: left;
	color:#434343;
	font:11pt 'Lucida Console',times,serif;
}

.newtable {
	width: 508px;
	color:#434343;
	background-color:#f0f0f0;
	border:1px solid #a8a8a8;
}

#news_title {
	text-align: left;
	color:#12ff00;
	font:12pt 'Georgia',times,serif;
	background: url(http://img31.imageshack.us/img31/3597/newshaut.png);
	height: 27px;
	margin-left; -1px;
	margin-top: -1px;
	margin-right: -1px;
}

#post {
	margin-right: 12px;
	margin-bottom: 3px;
	text-align: right;
	color: hsl(0, 0%, 50%)
	font:10pt 'Lucida Console',times,serif;
}

/* Les quotes */

blockquote {
	width: 70%;
	background-image: url(http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg);
	background-color:#191919;
	border:1px solid #888888;
	-moz-border-radius-topleft: 15px;
	-webkit-border-radius-topleft: 15px;
	color: #fff;
	padding: 5px;
}

blockquote cite {
	background-image: url(http://i65.servimg.com/u/f65/11/95/30/70/citati11.png);
	background-repeat: no-repeat;
	background-position: top right;
	color:#000;
	font-weight: bold;
	background-color: #707070;
	border:1px solid #888888;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.codebox dt {
	background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/citati10.png');
	background-repeat: no-repeat;
	background-position: top right;
	padding: 5px 10px 3px 3px;
	color: #000;
	font-weight: bold;
	background-color: #707070;
	border: 1px solid #888888;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.codebox dd {
	background-color: #191919;
	background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
	border: 1px solid #888888;
	-moz-border-radius-topleft: 15px;
	-webkit-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius-bottomleft: 0px;
	color : #fff;
	padding: 5px;
}

#quote {
	width: 70%
	background-color:#d5d5d5;
	margin-top: 2px;
	margin-bottom: 2px;
	font:12pt 'Comic sans MS', Arial, Verdana, Serif;
}

.codebuttons {
	font:10pt 'verdana, helvetica, sans-serif;
	color:#878787;
	vertical-align: middle;
	background-color: #fff;
	background-image: url(http://img401.imageshack.us/img401/8862/fondbouton.gif);
	border:1px solid #d7d7d7;
}

.codebuttons1 {
	font:13pt 'verdana, helvetica, sans-serif;
	color:#878787;
	vertical-align: middle;
	background-color:#fff;
	background-image: url(http://img401.imageshack.us/img401/8862/fondbouton.gif);
	border:1px solid #d7d7d7;
}

.champpost {
	font:13pt 'verdana, helvetica, sans-serif;
	color:#626262;
	vertical-align: middle;
	border:1px solid #d7d7d7;
}

.apercu {
	font:13pt 'verdana', helvetica, sans-serif;
	color:#626262;
	vertical-align: middle;
	border:1px solid #d7d7d7;
	width: 524px;
}

/* Connexion et Déconnexion */

#connexion
{
color:lightgreen;
font: 12pt 'Georgia',times,serif;
margin-top:0px;
}

/*Login*/
  #popupbox{
  margin: 0; 
  margin-left: 40%; 
  margin-right: 40%;
  margin-top: 50px; 
  padding-top: 10px; 
  width: 20%; 
  height: 150px; 
  position: absolute; 
  background: #FBFBF0; 
  border: solid #000000 2px; 
  z-index: 9; 
  font-family: arial; 
  visibility: hidden; 
  }