﻿html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #333333;
	font: 11px Arial, Helvetica, sans-serif;
	background-image: url('images/fond.png');
	background-repeat: repeat;
}
div {
	font: 11px Arial, Helvetica, sans-serif;
}
strong { font-weight: 700; }

h1 {
	margin: 0px;
	padding: 0px;
	font: 15px Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	text-decoration: none;
	font-weight: bolder;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
}
h4 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: navy;
}

a {
	color: #FFCC00;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
button {
	margin: 10px;
	font-size: 14px;
	height:30px;
	font-weight: bold;
	background-color: #525252;
	color: #9AE301;
}
hr {
	color: #808080;
	line-height: 1px;
}
td {
	vertical-align: top;
}

/**********************************************************************************************************/
#header {
	position:absolute;
	top:5px;
	left:0px;
	height:125px;
	width:100%;
}
#header table {
	border-width: 2px;
	border-color: #666666;
	width: 980px;
	height: 100%;
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat-x;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
}
#footer {
	position:absolute;
	left:0px;
	bottom:10px;
	height:50px;
	width:100%;
	color:silver;
}
#footer table {
	border-width: 2px;
	border-color: #666666;
	width: 980px;
	height: 100%;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#contenair {
	position:absolute;
	left:0px;
	overflow:hidden;
	width:100%;
	top:125px;
	bottom:60px;
}
#contenair #contenant {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
#contenair #main {
	position:absolute;
	top:0px;
	width:920px
}
#contenant #tb {
	border-width: 2px;
	border-color: #666666;
	width: 980px;
	height: 100%;
	background-color: #313131;
	color: white;
	border-right-style: solid;
	border-left-style: solid;
}
#contenant table td {
	vertical-align:top;
}
#trackbarHolder {
	position:relative;
	top:0px;
	left:0px;
	width:20px;
}
/****************************************************/
	#logo { 
		padding: 0;
		margin: 0;
		background: url(images/logo.png) no-repeat 5px 5px;
		height: 106px;
		width: 272px;
		text-indent: -5000px;
		overflow: hidden;
	}

	/* hide link text */
	#logo a {
		display: block;
		color: #fff;
		text-indent: -5000px;
		overflow: hidden;
		height: 106px;
		width: 272px;
	}
	
	#version {
	color: #666666;
	position: absolute;
	right: 10px;
	top: 85px;
	font-size: 10px;
}
	#cmde {
	position: absolute;
	right: 10px;
	top: 55px;
	color: #FFFF00;
	font-size: 14px;
	font-weight: bold;
	}
	#cmde img {
	vertical-align: middle;
	margin-left: 3px;
	margin-right: 3px;
	border:0px;
	}

/****************************************************/
#boxok {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#boxok .thumb {
	padding: 0px; margin: 3px; border: 3px solid #C0C0C0; float: left;
}
#boxok:hover img{
	border-color: #00FF00;
	background-repeat: no-repeat;
}

#boxko {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#boxko .thumb {
	
	padding: 0px; margin: 3px; border: 3px solid #C0C0C0; float: left;
}
#boxko:hover img{
	border-color: red;
	background-repeat: no-repeat;
}
.icone {
	padding: 0px;
	margin: 0px 2px 0px 0px;
	border: 0px none #151515;
	float: left;
}
/*************************************************************/
#numerotation {
	margin: 10px;
}
#numerotation span {
	border: 1px solid #666666;
	padding: 1px;
	margin: 1px 1px 1px 1px;
	vertical-align: middle;
	text-align: center;
	width: 22px;
	height: 20px;
	display: table-cell;
	display: inline-table;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
	cursor: pointer;
	background-color: #3C3C3C;
}
#numerotation span:hover {
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #0099FF;
}
#numerotation span.on  {
	font-weight: bolder;
	color: #009900;
	background-color: #99FF66;
}
#numerotation a {color:#CCCCCC;}
#numerotation a:hover {color:#FFFFFF;}
#numerotation a:visited {color:#CCCCCC;}
