html {
	height:100%;
}	
body { /* Corps */
	height:100%;
	padding:0; /* Ne pas toucher */
	margin:0; /* On initialise tout à 0 pour les différents navigateurs */
	background-color:#fff; /* Fond blanc */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Police Verdana utilisé par défaut */
	font-size: 10px; /* Police Verdana utilisé par défaut */
}
img {
	border:0; /* Comme ça on a pas de décalages */
}
ul , li { 
	margin:0; padding:0; list-style-type:none;
}
#conteneur { /* Conteneur Unique */
	width:100%; /* Largeur obligatoire pour le centrage */
	margin:0; /* Collage aux bords */
}
#header { /* Header unique */
	width:497px;
	height:150px; /* On règle la largeur et la hauteur du header pour que le fond s'ajuste */
	background-image:url(images/HeaderLeft.png); /* On fait venir le fond */
	background-repeat:no-repeat;
	padding-left:390px;
	margin-left:0 !important; /* HACK IE : */
	/*margin-left:-497px; /* Collage aux bords */
}
#header_extensible {
	width:100%;
	background-image:url(images/HeaderRepeat.png);
	border-bottom:#d4d4d2 solid 1px; /* On crée une petite bordure grise en bas */
}
#header h1{ /* Header unique */
	font-size:15px;
	color:white;
	letter-spacing:-1px;
	font-weight:600;
	display:inline;
}
#header h2{ /* Header unique */
	font-size:12px;
	color:#91B5FF;
	letter-spacing:-1px;
	font-weight:800;
	margin-top:5px;
	display:inline;
}
#centre { /* Centre unique, contenant Menu et Texte */
	width:100%; /* Doit prendre toute la page */
}

#leftcontainer { /* Menu unique */
	width:165px;/* On règle la largeur du header pour que le Texte s'ajuste */
	float:left; /* Pour que le Texte s'imbrique correctement */
	margin-top:-1px;
}

#menu { /* Menu unique */
	width:165px;/* On règle la largeur du header pour que le Texte s'ajuste */
	float:left; /* Pour que le Texte s'imbrique correctement */
	margin-top:-1px;
	margin-bottom:15px;
	border:#d4d4d2 solid 1px;
	background-image: url(images/menuback.png);
	background-repeat: repeat-y ;
}
#menu a{
	color:#6D6D6D; /* En blanc de préférence */
	text-decoration:none; /* Pas souligné */
	margin-left:10px; /* Pour faire beau */
    font-size: 11px ;
}
#menu a:hover{
	color:#1B4B66; /* En blanc de préférence */
}
#menu a:before {
}
#texte {
	font-size:12px; /* En gras */
	color:#555; /* En gris */
	min-height:890px;
	padding-left:25px;
	padding-top:5px; /* Pour pas coller */
	margin-left:166px; /* Pour etre au milieu */
}
#texte h2 {
	font-size:14px; /* En gras */
	font-weight:bold; /* En gras */
	display:inline; /* Sans sauter de ligne avant et après */
}
#texte h3 {
	font-size:13px; /* En gras */
	font-weight :bold; /* On met en gras */
	color : #333399;
	text-decoration: none;
}
#footer {
	height:20px;
	font-size:10px; /* On fait joli */
	padding-top:1px;/* On décolle le texte */
	border-top:1px solid #d4d4d2;
	margin:0; /* Pour éviter la traditionnelle marge en haut et en bas de la balise p */
	text-align:center;
}
#footer a{
	text-decoration:none; /* On enlève le soulignage */
}

.bouton {
margin:0;
padding:0;
font-size: 13px; /* Taille de la police */
text-align:center;
color : #1a67c1; /* Couleur du texte pour les titres */
font-weight :bold; /* On met en gras */
padding:2px;
}
.texte {
	margin-right:15px; /* On décale le bloc du haut */
}
.texte a{
	font-weight:bold; /* Liens en gras */
	text-decoration:none; /* Pas de décoration */
	color : #ccc;
}
.texte a:hover{
	/*text-decoration:underline;*/
	color:#ccc;
}
.soustitre {
margin:0;
padding:0;
font-size: 11pt; /* Taille de la police */
color : #1a67c1; /* Couleur du texte pour les titres */
font-weight :bold; /* On met en gras */
}
table /* Le tableau en lui-même */
{
  color:white;
   border-collapse: collapse; /* Colle les bordures entre elles */
}
td /* Les cellules normales */
{
   /*border: 1px solid black;*/
   /*font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;*/
   /*text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
tr
{

   /*background-image: url(images/download.png);*/
   background-repeat:no-repeat;
}

.cadresimple { /* taille du cadre, à titre d'exemple */
width: 70em;
color:white;
background-color: #d4d4d2;
border:#d4d4d2 solid 1px;
}

.cadrelong { /* taille du cadre, à titre d'exemple */
width: 70em;
color:white;
background-color: #3A87D7;
}

.cadre { /* taille du cadre, à titre d'exemple */
width: 15em;
color:white;
background-color: #3A87D7;
}

.grandcadre { /* taille du cadre, à titre d'exemple */
width: 35em;
background-color: #3A87D7;
color:white;
}

.grandcadreStylis { /* taille du cadre, à titre d'exemple */
width: 35em;
background-color: #3A87D7;
color:white;
background-image: url(images/GDStylish.png);
background-repeat: no-repeat;
}


.grandcadreCrayon { /* taille du cadre, à titre d'exemple */
width: 35em;
background-color: #3A87D7;
color:white;
background-image: url(images/crayonJRC.png);
background-repeat: no-repeat;
}


.grandcadreLorem { 
width: 35em;
background-color: #3A87D7;
color:white;
background-image: url(images/lorem.png);
background-repeat: no-repeat;
}

.cadretire { /* taille du cadre, à titre d'exemple */
width: 100%;
font-size:12px; /* On fait joli */
background-color: #3A87D7;
color:white;
}

/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit {
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {
float: left;
height: 20px; width: 20px;
background: url('images/hg.png');
}
.hautdroit {
float: right;
height: 20px; width: 20px;
background: url('images/hd.png');
}
.basgauche {
float: left;height: 20px; width: 20px;
background: url('images/bg.png');
}
.basdroit {
float: right;height: 20px; width: 20px;
background: url('images/bd.png');
}
.haut {
background: url('images/h.png');
height: 20px; 
font-size:1px;
}
.bas {
background: url('images/b.png');
height: 20px; 
font-size:1px;
}
.contenu p {
color: white;
width=100%;
margin: 0.5em; /*gestion des espaces interparagraphes */
}

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #3A87D7;
   border: 1px solid white;
   text-align: center;
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: white;
   font-weight: bold;
}

input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #D6E3FF;
}
 
label
{
  color: white; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
.image {
  border: 1px solid black;
  background: white;
 } 
 
.gameslist-menu a{
	padding: 0 3px;
	border: 1px solid gray;
	background: #eeeeee;
}
.gameslist-menu a:hover, .gameslist-menu a.wactive{
	border: 1px dotted gray;
	background: black;
	color: #eeeeee;
}