@import url(menuhorizon.css); /* l'importation arrive en premier */
@import url(commentaires.css); /* l'importation arrive en premier */
@import url(mesjeux.css); /* l'importation arrive en premier */
@import url(jeux.css); /* l'importation arrive en premier */
@import url(liens.css); /* l'importation arrive en premier */
@import url(bloccategs.css); /* l'importation arrive en premier */


html * {margin:0;padding:0;}
* {margin:0; padding:0;}



html, body {
	height:100%;
	background:#336699 repeat-x url("../images/sitebg.gif");
	
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
	margin-left:auto;
	margin-right:auto;
	width:881px;
	*text-align:center;
	font-size:0.88em;
	*font-size:0.9em;
}


.pagination {
	*text-align:center;
	
	margin:auto;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	clear:both;
	 
	
}

ul {
	list-style:none;
}

#arborescence {
	font-size:0.8em;
}


#ranking {
	float:left;
}

#ranking table { font-size:0.9em;}
#jeu { 
	width:440px;
	float:left;
}

.titreorange {
height: 20px;
line-height: 20px;
font-size: 1em;
color: white;
background-color: inherit;
background-image: url("../images/droite-titre-background.jpg");
background-repeat: repeat-x;
background-position: top left;
/* top right bottom left */
margin: 0 0 5px 0;
padding-left: 2px;
border-top: 1px dotted white;
border-bottom: 1px dotted white;
}

.titrebc {
height: 20px;
line-height: 20px;
font-size: 1em;
color: white;
background-color: inherit;
background-image: url("../images/titrebc.jpg");
background-repeat: repeat-x;
background-position: top left;
/* top right bottom left */
margin: 0 0 5px 0;
padding: 0;

border-bottom: 1px dotted white;
}

.titrebc a {
	text-decoration:none;
	font-weight:bold;
	color:white;
	text-transform:uppercase;
}

.titreorange a {
	text-decoration:none;
	font-weight:bold;
	color:white;
	width:100%;
	text-transform:uppercase;
}

.titreorange a:hover {
	text-decoration:none;
	text-transform:uppercase;
}

.titreorange a:visited {
	text-decoration:none;
	text-transform:uppercase;
}

#aboutJeu {	
	float:right;
	width:225px;
	margin:5px;
	clear:right; 
}

#jeu {
	width:440px;
}
#aboutJeu li { margin-bottom:4px;}

#ranking {
	float:left;
}

#ranking table { font-size:0.9em;}


.titreviolet {

height: 25px;
line-height: 25px;
font-size: 1.1em;
text-align: left;
text-indent: 45px;
color: white;
background-color: inherit;
background-image: url("../images/gauche-titre-background.jpg");
background-repeat: no-repeat;
background-position: top left;
/* top right bottom left */
margin: 10px 0 5px 0;
}

#corps {
	margin:auto;
	
	padding-left:1px;
	width:882px;
	text-align:left;
	background:#ffffff;
	margin-left:auto;margin-right:auto;
	
}

 



#header {
	background:left bottom no-repeat url("../images/header.gif");
	
	height:117px;
	 
}


 

 

#navigation {
	float:left;
	margin:3px;
	margin-right:0px;
	width:147px;
	background:#ffffff;
}

#contenu {
	float:left;
	width:720px;
	*width:703px;
	background:#ffffff;
	padding-top:15px;
}

#contenu h1 {
	font-size:1.1em;
	
	
	height:35px;
	 
}

.titreblocmenu {
	background:no-repeat url("../images/titremenu.gif");
	width:127px;
	color:white;
	height:23px;
	font-size:0.9em;
	padding-left:5px;
	padding-top:5px;
	text-transform:uppercase;
	 
}

.blocmenu {
	width:125px;
	float:left;
	margin-top:10px;
	padding:5px;
	border:solid 1px #ccc;
	
}

.blocmenu ul li {list-style:square}
.blocmenu ul {margin-left:15px;}

.titreblocklarge {
	text-align:center;
	background:no-repeat url("../images/bglongtitre.gif");
	padding-left:3px;
	height:23px;
	*height:30px;
	padding-top:7px;
	 
	font-size:1em;
	width:300px;
	
}



.titrecerclebleu {
	
	text-align:center;
	
	 margin-bottom:8px;
	padding-top:10px;
	color:#fffBDA; 
	 width:220px;
	font-size:1em;
	 
	
}

.titrecercleorange {
	 
	background:no-repeat url("../images/img05.gif");
	padding-left:33px;
	height:23px;
	*height:30px;
	padding-top:7px;
	color:#fffBDA; 
	font-size:1em;
	  width:240px;
	
}

.blockbleuciel {
	margin:3px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	background:no-repeat url("../images/img03.gif");
	width:220px;
	 
	
}

.blockbleuciel table {
	font-size:0.9em;
}



#footer {
	
	 
	 
	height:95px;
	clear:both;
}

#contenufooter{
	float:left;
	font-size:0.9em;
	padding-top:30px;
	width:770px;
}

#logofooter {
	 float:left;
	width:83px;
	height:94px;
	background:no-repeat url("../images/ptitlogo.gif"); 
	 
}



.table {
		margin-bottom: 15px;
		width: 100%;
		border-collapse: collapse;
	}
	.table_header td {
		background: url(../images/tableheader-bg.gif) no-repeat left top;
		padding: 5px 10px;
		color: rgb(70,122,167);
		border-top: 1px solid #CBD6DE;
		border-bottom: 1px solid #ADBECB;
		font-size: 1.1em;
		font-weight: bold;
	}
	.table_header td a:link, .table_header td a:visited {
		text-decoration: underline;
		color: rgb(70,122,167);
	}
	.table_header td a:hover {
		text-decoration: underline;
		color: #73A822;
	}
	.table_header td {
		border: 1px solid #CBD6DE;
	}

	.row1 td, .row2 td, .row_hover td, .paging_row td {
		padding: 5px 10px;
		color: #666666;
		border: 1px solid #CBD6DE;
	}
	.row1 td {
		background: #ffffff;
	}
	.row2 td {
		background: #eeeeee;
	}
	.row_hover td {
		background: #FBFACE;
		color: #000000;
	}
	
	.hidden {
		display: none;
	}

	.little {
		font-size: 10px;
	}
	
	.clear {
		clear: both;
	}
	
	.img_left {
		float: left;
		padding: 1px;
		border: 1px solid #cccccc;
		margin: 0 10px 10px 0;
	}


/* .small_input smaller text in inputs/combos
-----------------------------------------------*/
	.small_input {
		font-size: 10px;
	}

/* .form_table style for table used in forms
---------------------------------------------*/
	.form_table {
		margin-bottom: 15px;
		font-size: 0.9em;
	}
	.form_table p {
		margin: 0;
		padding: 0;
	}
	.form_table td {
		padding: 5px 10px;
	}

/* .checkbox_nomargins clear all margins from a checkbox
---------------------------------------------------------*/
	.checkbox_nomargins {
		/*margin:0;width:13px;height:13px;overflow:hidden;
		font-size: 10px;*/
		margin: 0;
		padding: 0;
	}
	
/* .button some buttons style - inspired from wordpress
------------------------------*/
	input.button {
		margin: 0;
		padding: 2px;
		border: 3px double #999999;
		border-left-color: #ccc;
		border-top-color: #ccc;
		background: url(../img/button.gif) repeat-x left top;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/* form style for forms
-------------------------*/
	form {
		padding: 0;
		margin: 0;
	}

/* input.inputgri - some style for inputs
--------------------------------------------*/
	input.inputgri, select.inputgri, textarea.inputgri {
		background: #eeeeee;
		font-size: 14px;
		border: 1px solid #cccccc;
		padding: 3px;
	}
	input.inputgri:focus, select.inputgri:focus , textarea.inputgri:focus {
		background: #ffffff;
		border: 1px solid #686868;
	}

/* .notice - messages to user
--------------------------------*/
	.notice {
		background: #CAEA99; 
		border: 1px solid #70A522; 
		padding: 15px 15px 15px 15px; 
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	.notice_error {
		background: #FEDCDA; 
		border: 1px solid  #CE090E; 
		padding: 15px 15px 15px 15px; 
		margin-bottom: 15px;
		font-size: 1.2em;
		color: #333333;
	}
	#notice a {
		color: #333333;
		text-decoration: underline;
	}


#formlogin table {
	background-color:transparent;
	
}

#categories {
	 
}

#categories ul li {
	display:inline;
	font-size:0.90em; 
	 margin:2px;
	 
	 
	width:100px;
	 
	
	
}

#categories .table_header td {
	font-size:0.85em;
}

#categories ul li a {
	text-align:center;
	font-size:0.9em;
	*font-size:0.7em;
	color:white;

}

 

#blockcategs {

	 
	 width:460px;
	 float:right;
	 margin-right:15px;
	margin-right:10px;
	margin-top:20px;
}

#blockcategs h1 {
	text-transform:uppercase;
	font-size:1em; 
	 

}


#gamemaster {
	background:no-repeat url("../images/gamemaster.gif");
	width:208px;
	height:211px;
	float:left;	
	
	 
}


#gamemaster2 {
	float:left;
	background:no-repeat url("../images/gamemaster2.gif");
	width:208px;
	padding:5px;
	height:253px;

 	
	 
}

#accueilblocdroite {
	float:right;
	width:255px;
	 
}


/* liens categ jeu */
.lienAction-Combat{
	padding-left:20px;
	background:no-repeat url("../images/action.gif");
}

.lienAventure{
	padding-left:20px;
	background:no-repeat url("../images/aventure.gif");
}

.lienPlateforme{
	padding-left:20px;
	background:no-repeat url("../images/plateforme.gif");
}

.lienArcade{
	padding-left:20px;
	background:no-repeat url("../images/arcade.gif");
}

.lienSport{
	padding-left:20px;
	background:no-repeat url("../images/sport.gif");
}

.lienShootUp{
	padding-left:20px;
	background:no-repeat url("../images/shootup.gif");
}
 
.lienReflexion{
	padding-left:20px;
	background:no-repeat url("../images/reflexion.gif");
}

.lienClassic{
	padding-left:22px;
	height:15px;
	background:no-repeat url("../images/classic.ico");
}

.lienInclassable{
	padding-left:22px;
	height:15px;
	background:no-repeat url("../images/pucemenu.gif");
}