body
{
	width: 1;
	margin: center;
	margin-top: 0px;
	margin-bottom:10px;
	font-family: Verdana, Arial, Times, serif;
	background-color: rgb(92,99,105);
	color: rgb(92,99,105);
}

#upside
{
	border: 2px solid rgb(75,72,92);
	text-align: center;
	vertical-align: middle;
	width: 1;
	height: 100px;
	position: relative;
	margin-top: 70px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-color:  rgb(234,232,234);
	-moz-border-radius: 25px 25px 0px 0px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
}

#upside a img
{
	vertical-align: middle;
}

#upside #logo {
	position: absolute;
	left: 0;
	bottom: 0;
} 

#barre
{
	border: 2px solid rgb(75,72,92);
	color: rgb(234,232,234);
	text-align: center;
	width: 1;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: rgb(86,86,139);
	font-weight: bold;
	vertical-align: middle;
}

#barre a
{
	color: rgb(234,232,234);
	font-size: medium;
	text-decoration: none;
}

#barre a:hover
{
	text-decoration: underline;
}

#big_menu
{
	float: left;
	width: 200px;
}

#menu_admin
{
	border: 2px solid yellow;
	float: left;
	width: 200px;
	margin-bottom: 10px;
	background-color: red;
}

.menu_admin_element
{
	margin-bottom: 10px;
}

.menu_admin_element h3
{
	text-indent: 20px;
}

.menu_admin_element h3 a
{
	color: orange;
	font-size: medium;
	text-decoration: none;
}

.menu_admin_element h3 a:hover
{
	text-decoration: underline;
	
}

.menu_admin_element ul
{
	list-style-type: none;
}

.menu_admin_element ul li a
{
	color: yellow;
	font-size: small;
	text-decoration: none;
}

.menu_admin_element ul li a:hover
{
	text-decoration: underline;
}


#menu
{
	border: 2px solid rgb(75,72,92);
	float: left;
	width: 200px;
	margin-bottom: 5px;
	background-color: rgb(148,149,180);
}

.menu_element
{
	margin-bottom: 5px;
	margin-right: 10px;
}

.menu_element h3
{
	text-indent: 20px;
	color: rgb(75,72,92);
	font-size: medium;
	
}

.menu_element h3 a
{
	color: rgb(75,72,92);
	font-size: medium;
	text-decoration: none;
	
}

.menu_element h3 a:hover
{
	text-decoration: underline;
}

.menu_element ul
{
	list-style-type: none;
}

.menu_element ul li
{
	color: rgb(75,72,92);
	font-size: small;
	text-decoration: none;
}

.menu_element ul li a
{
	color: rgb(75,72,92);
	font-size: small;
	text-decoration: none;
}

.menu_element ul li a:hover
{
	text-decoration: underline;
}



#content
{
	border: 2px solid rgb(75,72,92);
	width: 1;
	margin-left: 210px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	text-align: justify;
	font-size: small;
	background-color: rgb(239,237,238);
	color: black;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content h7
{
	color: rgb(75,72,92);
	text-align: center;
}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a, #content h7 a
{
	text-decoration: none;
	color: rgb(75,72,92);
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover, #content h7 a:hover
{
	text-decoration: underline;
}

#content p
{
	text-indent: 20px;
}

#content ul
{
	text-indent: 10px;
}

#content li a
{
	color: rgb(75,72,92);
	text-decoration: none;
}

#content li a:hover
{
	text-decoration: underline;
}

#content dl
{
	text-indent: 20px;
}

#content .intro
{
	font-style: italic;
	color: rgb(75,72,92);
}

#content a
{
	text-decoration: none;
	color: rgb(75,72,92);
}

#content a:hover
{
	text-decoration: underline;
}

#content .exe
{
	color: rgb(75,72,92);
}

#content .rem
{
	font-style: italic;
	color: rgb(75,72,92);
}

#content ul .intro
{
	text-indent: 20px;
	font-style: italic;
	color: rgb(75,72,92);
}

#content li .intro
{
	font-style: italic;
	color: rgb(75,72,92);
}

#content dl .intro
{
	text-indent: 20px;
	font-style: italic;
	color: rgb(75,72,92);
}

#content dt .intro
{
	font-style: italic;
	color: rgb(75,72,92);
}

#content dd .intro
{
	font-style: italic;
	color: rgb(75,72,92);
}

#content .center
{
	text-align: center;
}

#content #go_up
{
	text-align: center;
}

#content #go_up a
{
	text-decoration: none;
	color:rgb(75,72,92);
}

#content #go_up a:hover
{
	text-decoration: underline;
	color:rgb(75,72,92);
}

#downside
{
	border: 2px solid rgb(75,72,92);
	width: 1;
	clear:both;
	padding: 10px;
	margin-top: 5px;
	text-align: center;
	color: black;
	background-color: rgb(86,86,139);
	font-variant: small-caps;
}

#downside a
{
	text-decoration: none;
	color: black;
}

#downside a:hover
{
	text-decoration: underline;
}

.RedSignature
{
	font-weight: bold;
	color: rgb(186,77,176);
	text-align: right;
}

.center
{
	text-align: center;
	font-weight: bold;
}

table
{
margin-left:auto;
margin-right:auto;
}

th
{
	border: 1px solid black;
	background-color: rgb(172,162,174);
	text-align: center;
	padding: 2px;
}

td
{
	border: 1px solid black;
	text-align: center;
	padding: 2px;
	background-color: rgb(201,196,202);
}

dt
{
	font-weight: bold;
}

.O
{
	background-color: black;
	color: white;
}

.OS
{
	background-color: rgb(75,72,92);
}

.Z
{
	background-color: red;
}

.news
{
	text-indent: 20px;
	text-align: left;
	padding: 10px;
	background-color: rgb(201,196,202);
-moz-border-radius: 0px 0px 10px 10px;
}

.titre
{
	text-indent: 20px;
	text-align: left;
	padding: 10px;
	background-color: rgb(172,162,174);
-moz-border-radius: 10px 10px 10px 10px;
}

.nom
{
	font-size: large;
}

img
{
	border: none;
}

.floating
{
	float: right;
}

label {
display:block;
width:150px;
float:left;
}

.vt_auteur
{
width:150px;
background-color : rgb(244,238,250);
}
.vt_mess
{
width:100%;
background-color : rgb(244,238,250);
}

#quote
{
width: 100%;
background-color : rgb(220,220,220);
margin-top: 2px;
margin-bottom: 2px;
font-family: "Comic sans MS", Arial, Verdana, serif;
}

.mp_titre { width:65%; }
.mp_expediteur { width:10%; }
.mp_time { width:20%; }

.titref{ width:50%; }

#lecteur {
width:1;
float:left;
margin-bottom:20px;
text-align:center;
margin: 5px;
}
#controls {
text-align:center;
border:1px solid black;
margin: 5px;
}
#controls img {
cursor:pointer;
}
#controls #loop {
width:32px;
height:32px;
background-image:url("/images/repeat.png");
background-position:50% 50%;
}
#controls #volume {
cursor:pointer;
background-image:url("/images/arr_volume.png");
background-position:0 50%;
}
#avancement {
text-align:center;
border:1px solid black;
position:relative;
margin: 5px;
}
#test {
text-align:left;
width:420px;
margin:auto;
}
#chargement {
width:420px;
height:10px;
background-image:url("/images/arr_charg2.png");
background-position:-420px 50%;
background-repeat:no-repeat;
margin-top:10px;
}
#barrep {
position:absolute;
margin-top:29px;
background-image:url("/images/arr_barre2.png");
background-position:-420px 50%;
background-repeat:no-repeat;
height:12px;
width:420px;
cursor:pointer;
}
#tagid3 {
border:1px solid black;
width:1;
margin: 5px;
}
#playlist {
margin: 5px;
width:1;
float:left;
padding-left:20px;
border:1px solid black;
line-height:30px;
text-align:justify;
}
#playlist a {
color:black;
text-decoration:none;
}
#playlist a:hover {
text-decoration:underline;
}
#playlist img {
border:0;
vertical-align:middle;
}