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

body, html{
	width: 100%; height: 100%;
	background-color:#2b3137;
	margin: 0;	padding: 0;	
	border: none;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS Bold", "Trebuchet MS";
	font-size:12px;	color:#064413;
	text-align:center;
	
}
html>body{
	min-width: 600px;
	min-height:600px;
	
} /*IE7*/
h1 {
	margin:0;padding:0;
	font-size:20px;
}
a {
	font-style:normal;font-weight:normal;text-decoration:none;
	color:#09F;
}
img a {
	border:0px;
	color:#FFF;
}
img {
	border:0px;
}
hr {
	clear:both;
	height:0px;
	border:0;margin:-0.5em 0;;padding:0;
}
.clear {
	clear:both;
	margin-bottom:5px;
}

#site {
	position:relative;
	background: url(images/site_fond.jpg) top left repeat-y;
	min-height:100%; width:900px; 
	margin-left: auto;	margin-right: auto;
	padding-left:9px;	padding-right:9px;
	text-align: left;
  	}
html>body #site {
	min-height:100%;
}
form {
	padding:0; margin:0;
}

#bandeau {
	height:190px;
	background:url(images/bandeau.jpg) no-repeat left top		;
}
#gauche {
	float:left;
	width:203px;
	}
#gauche-title {
	width:203px;
	height:30px;
	background:url(images/menu_fond_title.jpg) no-repeat left top;
}
#gauche-glass {
	width:143px;
	height:10px;
	padding:10px 30px;
	background:url(images/menu_fond_head.jpg) no-repeat left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#f29400;
	font-style:italic;
}
	#principal-parents {
		width:165px;
		height:500px;
		background:url(images/menu_fond.gif) no-repeat left top;
		padding-left:25px; padding-right:13px;
	}
		
	#principal-parents ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#principal-parents li a {
		margin:0;
		padding:0;
	}
	#principal-parents li a {
		display:block;
		padding:3px 3px;
    	width:160px;
		border-bottom:#999999;
		border-bottom-style:dotted;
		border-bottom-width:thin;		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:14px;
		color:#09F;
		text-decoration:none;
	}
	#principal-parents .active a {
		color:#FF6600;
	}
	
#central {
	float:left;
}
		
	#principal-enfants {
		width:697px;
		height:30px;
		background:#22272c;
		line-height:normal;
		}
		
	#principal-enfants ul {
		margin:0;
		padding:0;
		list-style:none;
		}
	#principal-enfants li {
		float:left;
		margin:0;
		padding:0;
		border-right:#999999;
		border-right-style:dotted;
		border-right-width:thin;
		}
	#principal-enfants a {
		display:block;
		height:13px;
    	padding:8px 7px;
		font-family:"Courier New", Courier, mono;
		font-weight:bold;
		font-size:14px;
		color:#FFF;
		text-decoration:none;
		text-transform:uppercase;
		}
	#principal-enfants .active a {
		color:#FF6600;
		}
		
	#contenu {
		width:677px; margin-left:10px; margin-right:10px;
	}
#infoline, #infoline a {
		float:left; margin:10px 0 0px 0;padding-bottom:10px;
		height:auto; width:100%; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		color:#6C3;
		text-decoration:none;
		border-bottom:1px dotted #CCC;
	}
#choix, #actuel, #permanent, #cat, #type {
	float:left;
	height:30px; margin:5px 10px 0 0; 
}
	#choix select, #filtre select {
		border:0; padding:0;
		background:#22272c;
/*		font-family:"Courier New", Courier, mono;*/
		font-size:11px;
		color:#fff;
	}
#personnage {
	float:left
}

.click  {
	display:block;
	width:auto; height:auto;
	color:#fff;
}

#pagination {
	display:block;
	height:25px; width:100%;
	border-bottom:1px dotted #454349;
	border-top:1px dotted #454349;
	margin:10px 0px 10px 0;
	padding-top:5px;
	font-size:10px;
}
#pagination label {
	display:block; float:left;
	height:14px; border:0; padding:0; margin:0;margin-right:3px;padding-top:2px;
}
#pagination input {
	display:block; float:left;
	width:16px; height:14px; border:0; padding:0; margin:0;margin-right:3px;padding-top:2px;
	background-color:#999;
}
#pagination select {
	display:block; float:left;
	height:16px; padding:0; margin:0;margin-right:3px;padding-top:2px;
	font-size:10px;
}
.pagenav {
	display:block; float:left;
	width:16px; height:14px;margin-right:3px; padding-top:2px;
	text-align:center;
	border:1px solid #999;
}
a.pagenav {
	display:block; float:left;
	width:16px; height:14px;margin-right:3px; padding-top:2px;
	text-align:center;
	background-color:#F90;
	color:#FFF;
	border:1px solid #F90;
}

#classe {
	height:30px;
}

.detail {
    display: block; float: left;
    height:auto;
	white-space: nowrap;
	border-left: 1px solid #fbfbfb;
	padding: 6px;
	cursor: pointer;
	font-size:12px; 
	color:#fff;
	text-decoration:none;
}

.detail:hover {
	background:#FC6;
	color:#22272c;
}

#searchresult h1 {
	font-size:14px;
}

#searchresult p {
	color:#ccc;
}
#searchresult a {
	text-decoration:underline;
}
#searchresult .liste1 {
	background-color:;
	
}
.stabilo {
	color:#333;
	font-weight:bold;
	background-color:#FC6;
}

#zmessage {margin-left:auto;margin-right: auto;width:100%;padding-top:5px;font-family:"Courier New", Courier, monospace;font-size:12px;color:#fff}
p.message {padding:5px;background-color:#fff;color:#09F;display:block;border:1px solid #09F;font-size:12px;font-family:Verdana, Geneva, sans-serif;}
p.erreur {padding-left:5px;background-color:#f00;color:#fff;display:block;font-size:12px;line-height:14px;}
	
/*	#principal-enfants {
		width:697px;
		height:30px;
		background:none;
		line-height:normal;
		border-bottom:1px dotted #999;
	}
	
	#principal-enfants ul {
		margin:0;
		padding:0;
		list-style:none;
		}
	#principal-enfants li {
		float:left;
		margin:0;
		padding:0;
		border-right:#999999;
		border-right-style:dotted;
		border-right-width:thin;
		}
	#principal-enfants a {
		display:block;
		height:13px;
    	padding:8px 7px;
		font-family:"Courier New", Courier, mono;
		font-weight:bold;
		font-size:14px;
		color:#FFF;
		text-decoration:none;
		text-transform:uppercase;
		}
	#principal-enfants #active a {
		color:#FF6600;
		}
*/