@charset "utf-8";
/* CSS Document */

img{
	border:none;
}

body{
	text-align:left;
	background:url('images/fond.png') repeat;
	font-size:14px;
	cursor:default;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-top:5px;
}

div#global{
	width: 900px;
	margin-left:auto;
	margin-right:auto;
}

div#haut_global{
	float:left;
	width:900px;
	height:140px;
	
}

.gradient {
	/* Anciens navigateurs */
	/*background: #D7B881 url("gradient-bg.png") repeat-y left;*/
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #FFFFFF;
	background: #FFFFFF\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF66CCFF, endColorstr=#FFFFFFFF);
	}
	@media all and (min-width: 0px) {
		.gradient {
			/* Opera */
			background: #66CCFF url("gradient-bg.svg");
			/* Navigateurs récents */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#66CCFF),
				to(#FFFFFF)
			);
			background-image: -webkit-linear-gradient(
				top,
				#66CCFF,
				#FFFFFF
			);
			background-image: -moz-linear-gradient(
				top,
				#66CCFF,
				#FFFFFF
			);
			background-image: -o-linear-gradient(
				top,
				#66CCFF,
				#FFFFFF
			);
			background-image: linear-gradient(
				top,
				#66CCFF,
				#FFFFFF
			);
			background-image: -ms-linear-gradient(
				top,
				#66CCFF,
				#FFFFFF
			);
		}
	}

div#haut{
	float:left;
	width:900px;
	height:90px;
}

div#haut1{
	float:left;
   	width:172px;
   	height:90px;
   	margin:0px;
   	padding:0px;
	text-align:center;
}

div#haut2{
	float:left;
   	width:728px;
   	height:90px;
   	margin:0px;
   	padding:0px;
}

div#haut3{
	float:left;
	width:900px;
   	height:45px;
	_height:50px;
   	margin:0px;
   	padding:0px;
	padding-top:5px;
}
	
div#centre{
	float:left;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	width:570px;
}

div#bas0{
	float:left;
	width:900px;
	height:1px;
	background-color:#99CC33;
}

div#bas{
	float:left;
	height:118px;
	width:900px;
	margin-bottom:5px;
	text-align:center;
	background:url('images/banniere_bas.png') no-repeat;
}

div#conteneur{
	float:left;
	width:900px;
	background-color:#FFFFFF;
	padding-bottom:3px;
}

/**********************/
/* Menus */
div#gauche{ 
	float:left;
	width:160px;
}
	
div#droite{
	float:right;
	width:160px;
}

#menu{
	float:left;
	width:160px;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}

#cadre_menu{
	float:left;
	width:152px;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	margin-left:3px;
	_margin-left:3px;
	margin-top:4px;
	text-align:center;
	background-color:#FFFFFF;
	border:1px #66CCFF solid;
}

#cadre_haut{
	float:left;
	width:152px;
	height:15px;
	background-color:#66CCFF;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-align:center;
	padding-top:2px;
	font-size:14px;
	padding-bottom:8px;
}

#cadre_contenu{
	float:left;
	width:150px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#menu ul{
	text-align:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left:2px;
	padding-top:3px;
	padding-bottom:3px;
}

#menu li a{
	display:block;
	width:145px;
	_width:147px;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
}

#menu li a.menu:hover{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#FF6600;
}

#menu li{
	width:142px;
	padding:0px;
	margin:0px;
	height:18px;
}

/*************************/



a{
	color:#FF0099;
	font-size:14px;
}

a:hover{
	color:#663300;
}

input{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	height:16px;
}

textarea{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:2px #66CCFF solid;
}

select{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	border:2px #66CCFF solid;
}

input[type=text]{
	color:#FF0099;
	font-weight:bold;
	border:2px #66CCFF solid;
	font-size:12px;
	padding-bottom:4px;
	padding-left:4px;
}

input[type=password]{
	color:#FF0099;
	font-weight:bold;
	border:2px #66CCFF solid;
	font-size:12px;
	padding-bottom:4px;
	padding-left:4px;
}

input[type=submit]{
	color:#FFFFFF;
	font-size:12px;
	background-color:#FF0099;
	font-weight:bold;
	height:24px;
	padding-bottom:4px;
}

input[type=button]{
	color:#FFFFFF;
	font-size:12px;
	background-color:#FF0099;
	font-weight:bold;
	height:24px;
	padding-bottom:4px;
}

input[type=file]{
	color:#FF0099;
	font-size:12px;
	font-weight:bold;
	height:24px;
	padding-bottom:4px;
}


h1{
	font-size:14px;
	color:#663300;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-decoration:underline;
	padding-top:5px;
	margin-bottom:5px;
}

td{
	font-size:14px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

p{
	margin:0px;
	padding:0px;
}

p.nomjeu{
	font-size: 14px;
	font-weight: bold;
	color: #CC0066;	
	}
	
a.nomjeu{
	font-size: 14px;
	font-weight: bold;
	color: #CC0066;	
	text-decoration:none;
	}
	
a.nomjeu:hover{
	color:#663300;
}
div.ss_cat{
	float: right;
}