html, body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Verdana;
	background-color: #010101;
	font-size: 10px;
	}
	
div#showimage {
	position:absolute;
	width:300px;
	left:500;
	top:50; 
	}
	
div#conteneur{
	background-image: url(images/content.jpg);
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
	width: 991px;
	}

div#sec_content{
	margin: 0 auto 0 auto;
	width: 775px;
	}
	
div#border_top{
	height: 21px;
	margin: 0;
	background-image: url(images/border_top.jpg);
}

div#border_bottom{
	height: 64px;
	margin: 0;
	background-image: url(images/border_bottom.jpg);
}
	
/* HEADER */

h1#header{
	background-image: url("images/header.jpg");
	width: 772px;
	height: 202px;
	margin: 0 0 0 -1px;
	}
	
h1#header a{
	display: block;
	height: 150px;
	width: 772px;
	}
	
/* MENU LEFT */

div#menu_l{
	margin: 0;
	padding: 0;
	width: 140px;
	float: left;
	}

div#menu_l div.cat_menu{
	font-size: 19px;
	color: #FFFFFF;
	font-family: 'Times New Roman',Times,serif;
	background-image: url(images/puce_left.jpg);
	background-position: 0% 40%;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 2px;
}

div#menu_l ul, div#menu_r ul{
	margin-top: 5px;
	}

.menu5{
	margin-top: 8px;
	font-size: 12px;
	list-style-type: square;
	margin-left: 10px;
	color: #f3be1b;
	}
	
div#menu_l li, div#menu_r li{
	font-size: 12px;
	list-style-type: square;
	margin-left: -3;
	color: #f3be1b;
	}
	
.input {	font-size: 12px;
	list-style-type: square;
	font-weight:bold;
	width:105px;
	font:"Arial Rounded MT Bold";
	margin-left: 4;
	color: #FFFFFF;
	background-color:#000000;
	background-image:url(images/input.jpg);
	}

.inputxt{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	color: #5a5b0e;
	}

div#menu_r img{
	margin-left: 8px;
	}
	
/* CATEGORY */

div.page{
	width: 484px;
	margin: 0 auto 10px auto;
	}
div.head_page{
	height: 28px;
	font-family: 'Times New Roman',Times,serif;
	font-size: 20px;
	padding: 8px 0 0 53px;
	background-image: url(images/head_content.jpg);
	color: #1b022b;
	margin: 0;
	}
div.content_page{
	background-image: url(images/content_content.gif);
	font-size: 12px;
	text-align: justify;
	padding: 0 15px 0 15px;
	}
div.footer_page{
	background-image: url(images/footer_content.gif);
	height: 10px;
	font-size: 1px;
	}
div.txt_img{
	padding: 0 0 0 150px;
	height: 150px;
	}
div.content_page img{
	position: absolute;
	}
	
/* CONTENT */

div#content{
	margin: 0 0 0 1px;
	padding: 0;
	margin-left: 140px;
	margin-right: 140px;
	font-size: 10pt;
	}

/* MENU RIGHT */

div#menu_r{
	margin: 0;
	padding: 0;
	width: 140px;
	float: right;
	}
	
div#menu_r div.cat_menu{
	font-size: 20px;
	color: #FFFFFF;
	font-family: 'Times New Roman',Times,serif;
	background-image: url(images/puce_right.jpg);
	background-position: 0% 40%;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 7px;
}
	
	
/* FOOTER */

div#footer{
	height: 76px;
	background-image: url("images/footer.jpg");
	text-align: center;
	color: #81691a;
	font-size: 8pt;
	clear: both;
	margin: 0;
	width: 771px;
	}



/* LINK */

div#menu_r a:link, div#menu_r a:visited, div#menu_l a:link, div#menu_l a:visited{
	color: #f3be1b;
	text-decoration: none;
}

a:link, a:visited{
	color: #5a5b0e;
	text-decoration: none;
}

div#menu_r a:hover, div#menu_l a:hover{
	color: #FFF;
	text-decoration: underline;	
}

a:hover{
	color: #9bd400;
	text-decoration: underline;	
}

.q {color:#ffd100;}
.q0,.q0 a{color:#9d9d9d;}
.q1,.q1 a{color:#fff;}
.q2,.q2 a{color:#1eff00;}
.q3,.q3 a{color:#0070dd;}
.q4,.q4 a{color:#a335ee;}
.q5,.q5 a{color:#ff8000;}
.q6,.q6 a{color:#e5cc80;}
.q7,.q7 a{color:#e5cc80;}
.q8,.q8 a{color:#ffff98;}
.q9,.q9 a{color:#71d5ff;}
.q10,.q10 a{color:#f00;}
.r1{color:#FF8040;}
.r2{color:#FF0;}
.r3{color:#40BF40;}
.r4{color:#808080;}
.c1,.c1 a{color:#C69B6D;}
.c2,.c2 a{color:#F48CBA;}
.c3,.c3 a{color:#AAD372;}
.c4,.c4 a{color:#FFF468;}
.c5,.c5 a{color:#FFF;}
.c6,.c6 a{color:#C41E3B;}
.c7,.c7 a{color:#2359FF;}
.c8,.c8 a{color:#68CCEF;}
.c9,.c9 a{color:#9382C9;}
.c11,.c11 a{color:#FF7C0A;}