/*---------------------------------------------------------------------*/
/* HTML et BODY */
/*---------------------------------------------------------------------*/
HTML, BODY
{
width:		auto;
height:		100%;
padding:	0;
margin:		0;
overflow:	auto;
}

/*---------------------------------------------------------------------*/
/* HEADER1 */
/*---------------------------------------------------------------------*/
#header1 {
position: 	fixed;
width: 		100%;
min-width:	480px;
height: 	30px;
padding:	5px;

/*
top: 		0;
right: 		0;
bottom: 	auto;
left: 		0;
*/

border:				#666666 solid;
border-width:		0px 0px 1px 0px;
background-color:	#33CCFF;

font-family:		"Comic Sans MS";
font-size:			large;
font-style:			normal;
font-weight:		bold;
color:				#000000;
text-align:			center;
}
/*---------------------------------------------------------------------*/
#outils {
position: 	relative;
width: 		150px;
height: 	30px;
overflow:	visible;
float:		left;

}
/*---------------------------------------------------------------------*/
#titre {
position: 	absolute;
width:		auto; 
min-width:	180px;
height: 	30px;
overflow:	auto;

top: 		auto;
right: 		150px;
bottom: 	auto;
left: 		150px;
}
/*---------------------------------------------------------------------*/
#compteur {
position: 	relative;
width: 		150px;
height: 	30px;
overflow:	visible;
float:		right;
}
/*---------------------------------------------------------------------*/
#stat {
background-color:		#000000;

font-weight:	normal;
font-style:		normal;
font-size:		smaller;

color:			#FFFFFF;
text-align:		left;
}

/*---------------------------------------------------------------------*/
/* HEADER2 */
/*---------------------------------------------------------------------*/
#header2
{
position:	absolute;
width:		100%;
height:		25px;
overflow:	auto;

top: 		40px;
right: 		100%;
bottom: 	auto;
left: 		0;

border:					#666666 solid;
border-width:			1px 0px 0px 0px;
background-color:		#FFFF00;

font-weight:			bold;
color:					#000000;
text-align:				center;
}
/*---------------------------------------------------------------------*/
/* liens de base et déjà visités */
#header2 a:link, #header2 a:visited
{
margin-right:			40px;
color:					#0000FF;
text-decoration:		none;
}
/* liens au dessus et actifs */
#header2 a:hover, #header2 a:active
{
color:					#FF00FF;
text-decoration:		underline overline;
}

/*---------------------------------------------------------------------*/
/* MENU GAUCHE */
/*---------------------------------------------------------------------*/
#sidebar {
position: 	fixed;
width: 		200px;
height: 	auto;
overflow:	auto;

top: 		65px;
right: 		auto;
bottom: 	0px;
left: 		0;

padding:			10px;
border:				#666666 solid;
border-width:		1px 1px 0px 0px;
background-color:	#EEFFFF;
background-position: center center;

font-weight:		bold;
color:				#000000;
text-align:			left;
}
/*---------------------------------------------------------------------*/
/* liens de base et déjà visités */
#sidebar a:link, #sidebar a:visited
{
color:				#0000FF;
text-decoration:	none;
}
/* liens au dessus et actifs */
#sidebar a:hover, #sidebar a:active
{
color:				#FF00FF;
text-decoration:	underline overline;
}

/*---------------------------------------------------------------------*/
/* MAIN */
/*---------------------------------------------------------------------*/
#main {
position: 	fixed;
width: 		auto;
height: 	auto;
overflow:	auto;

top: 		65px;
right: 		0;
bottom: 	0px;
left: 		220px;

padding:			10px;
border:				#666666 solid;
border-width:		1px 0px 0px 0px;
font-family:		"Comic Sans MS";
}
/*---------------------------------------------------------------------*/
#main h1
{
font-size:			large;
font-weight:		bold;
}
/*---------------------------------------------------------------------*/
#main h2
{
font-size:			large;
font-weight:		bold;
text-decoration:	underline;
}