html
{
	overflow: auto;
	min-width:500px;
	font-family: "Bitstream Vera Sans", sans-serif;
	font-size:	11pt;
}

#hadopi
{
	text-align: center;
	margin-left:		auto;
	margin-right:		auto;
}
.hadopi1
{
	text-align: center;
	float: left;
	margin-left:		auto;
	margin-right:		auto;
}
.hadopi2
{
	text-align: center;
	float: right;
	margin-left:		auto;
}


body
{
	background-color: #000000;
	min-width:500px;
	color: white;
	text-align: center;
	overflow: auto;
}

h3,h4,h5,h6
{
	color: white;
}

h2
{
	color: white;
	text-align: center;
}

h1,td
{
	color: red;
}

/****************************************/
/* The following field is not valid CSS	*/ 
/* This is a temporary Mozilla name for	*/
/* "selection" until definitive CSS3	*/
/****************************************/
::-moz-selection
{
	background: #770000;
	color: white;
}
/****************************************/

::selection
{
	background: #770000;
	color: white;
}

ol
{
	margin: 0px;
	color: white;
	list-style-type: normal;
}
ul
{
	margin: 0px;
	color: white;
	list-style-type: circle;
}

/*li
{
	color: white;
	list-style-type: circle;
}*/

#panel
{
	max-width:	250px;
	min-width:	200px;
	width:		220px;
	height:		100%;
	position:	fixed;
	overflow: 	auto;
	left:		0;
	top:		0;
	z-index:	1;
	background-color: #000000; /* sinon transparent ! */
}

.highlight
{
	font-weight: bold;
	text-decoration: underline;
}

#hadopi
{
	position:	absolute;
	overflow: 	auto;
	width:auto;
	min-width:	280px;
	left:		220px;
	right:		0px;
}
#main
{
/*HADOPI*//*	top:		200px; *//*HADOPI*/
	position:	absolute;
	overflow: 	auto;
	width:auto;
	min-width:	280px;
	left:		220px;
	right:		0px;
}

#menu
{
	background-color:	#333333;
        border-style:           solid;
        border-width:           1px;
        border-color:           #777777;
        color:                  white;
        padding:                10px;
	padding-bottom:		20px;
        margin-top:             20px;
        margin-bottom:          20px;
	float: right;
        width:              	198px;
        text-align:             left;
	overflow:		auto;
}

#footer
{
	background-color:	#333333;
        border-style:           solid;
        border-width:           1px;
        border-color:           #777777;
        color:                  white;
        padding:                10px;
        width:              	198px;
        margin-top:             20px;
	margin-bottom:		20px;
	float: right;
        text-align:             center;
	overflow:		auto;
	font-size:		9pt;
}

#date
{
	text-align:	right;
}

#ie
{
	font-size: large;
	background-color: white;
	color: #0000ff;
	padding-left: 20%;
	padding-right: 20%;
	margin-left: 5%;
	margin-right: 5%;
	width: 50%;
	overflow: hidden;
}

#intro
{
	font-style:		italic;
	text-align:		center;
	background-color:	#333333;
	border-style:		solid;
	border-width:		1px;
	border-color:		#777777;
	color:			white;
	padding:		30px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		20px;
	margin-top:		20px;
        width:                  70%;
        max-width:              750px;
	min-width:              140px;
	position:relative;
}

#sommaire
{
	line-height:		0;
	padding:		5px 20px 5px 20px;
        background-color:       #444444;
        border-style:           solid;
        border-width:           1px;
        border-color:           #777777;
	margin-left:		20px;
	margin-right:		0px;
	float:			right;
}
#sommaire a
{
	color:white;
}
#erreur
{
	font-style:		italic;
	text-align:		center;
	background-color:	#333333;
	border-style:		solid;
	border-width:		1px;
	border-color:		#777777;
	color:			white;
	padding:		30px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		200px;
	margin-top:		200px;
        width:                  70%;
        max-width:              750px;
	min-width:              140px;
	position:relative;
}

div.titre
{
	text-align:	center;
	color:		red;
}

#article
{
        background-color:       #333333;
        border-style:           solid;
        border-width:           1px;
        border-color:           #777777;
        color:                  white;
        padding:                30px;
        margin-left:            auto;
        margin-right:           auto;
        margin-bottom:          20px;
        margin-top:             20px;
        width:                  70%;
        max-width:              750px;
	min-width:              200px;
	text-align:	justify;
}

.quote
{
	text-align:		center;
	font-style:		italic;
	background-color:	#444444;
	border-style:		solid;
	border-width:		1px;
	border-color:		#777777;
	color:			white;
	padding:		2px;
	margin:			20px;
}

#licence
{
	background-color:	#333333;
        border-style:           solid;
        border-width:           1px;
        border-color:           #777777;
        color:                  white;
        padding:                10px;
        width:              	198px;
        margin-top:             20px;
	margin-bottom:		20px;
	float: right;
        text-align:             center;
	overflow:		auto;
	font-size:		8pt;
}

.licence
{
	font-size:		8pt;
	font-style:		italic;
}
#directory
{
	background-color: #252525;
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
	color: white;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

fieldset
{
	background-color: #444444;
	border-color: #777777;
	color: white;
	border-style: solid;
	border-width: 1px;
}


/*
#search_box {
    width: 201px;
    height: 31px;
    background: url(search_box_measured.gif);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

*/
/*
.directory table
{
	display: inline;
       margin-left:	auto;
       margin-right:	auto;
}
*/
img
{
	border-style: none;
}

a:link
{
	color: #F02222;
	text-decoration: none;
}

a:visited
{
	color: #FD5555;
	text-decoration: none;
}

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

a:active
{
	color: #FF0000;
	text-decoration: underline;
}