/* --------GENERAL--------*/

body    {	
	font-family:verdana;
	font-size : 9pt;
	padding: 0;
	margin: 0;
	//background-color: rgb(49,37,21);
	background-color: #151515;
	color: #FFFFFF;
	}

/* Liens */
a:link {
	font-size : 10pt;
    color: rgb(102,204,204);/* bleu pd */
}

a:visited {
	font-size : 10pt;	
    color: rgb(102,204,204);/* bleu pd */
}

a:hover {
	font-size : 10pt;	
    color: rgb(102,204,204);
	text-decoration: underline;/* bleu pd */
}

.spacer {
	clear: both;
	}

/* Menu du haut */
.m_gl{
	color:#FFFFFF;
	//text-align:center;
}

.m_gl:hover{
	color:#FFFFFF;
	//text-align:center;
}

.m_gl_active{
	color:#FFFFFF;
	font-family:IMPACT;
	//text-align:center;
}

.m_gl_active:hover{
	//text-align:center;
}

a.menu_g{
	text-decoration:none;
	font-size: 10pt;
	font-family:impact;
	color:#FFFFFF;/*couleur texte non actif*/
}

a.menu_g:hover {
	text-decoration:none;
	font-size: 10pt;
	color:rgb(252,124,45);/*orange*/
	font-family:impact;
}

a.menu_g:visited {
	text-decoration:none;
	font-size: 10pt;
	color:#FFFFFF;
	font-family:impact;
}

a.menu_g:visited:hover {
	text-decoration:none;
	font-size: 10pt;
	color:rgb(252,124,45);/*orange*/
	font-family:impact;
}


a.menu_g_active{
	text-decoration:none;
	font-size: 10pt;
	color:#FFFFFF;
	font-family:impact;
}
a.menu_g_active:hover{
	text-decoration:none;
	font-size: 10pt;
	color:rgb(252,124,45);/*orange*/
	font-family:impact;
}

a.menu_g_active:visited{
	text-decoration:none;
	font-size: 10pt;
	color:rgb(252,124,45);/*orange*/
	font-family:impact;
}


/* --------CONTAINER--------*/

#container {
	position: relative;
	width: 780px;
	//padding: 5px 5px;
	margin: 0px auto;
	height: 100%;
}

#playerContainer {
    position: relative;
	font-size: 10pt;
    width: 300px;
    padding: 5px 5px;
    margin: 5px auto;
    height: 100%;
}
	
/* --------CONTENT--------*/

.content {
	margin: 0px auto 0px auto;
	padding: 10px;	
	background-color:#312515;/*marron fonce*/
	font-family:verdana;
	color:rgb(153,102,51);/*marron clair*/
	font-size: 10pt;
	font-weight: normal;
}

.playerContent {
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 280px;
    background-color: #cc9866;/*marron clair*/
    color: #FFFFFF;
    font-size: x-small;
}


.content img {
	margin: 0px 0;
    border: 0px;
    border-color: #000000;
}

.content p {
	/* texte blanc */
	color:#FFFFFF;
	padding: 5px 0px;
	margin: 0;
	font-weight: normal;
	font-size: 10pt;
}
	
.content h1 {
	font-size: 13pt;
	font-weight: normal;
	color:rgb(252,124,45);
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 0px; 
	padding-left: 0px;	
	margin: 0;
}
	
.content h2 {
	color:rgb(252,124,45);
	font-size: 10pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 0px; 
	padding-left: 0px;	
	margin: 0;
}
	
.content h3 {
	font-size: 9pt;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px; 
	padding-left: 0px;	
	margin: 0;
}
.content h4 {
	font-size: 10pt;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px; 
	padding-left: 0px;	
	margin: 0;
	color:#f30a20;
}

.content h2:first-letter {
	font-size: 120%;
}

.content h1:first-letter {
	font-size: 120%;
}

.content .caption {

	font-size: x-small;
	font-style: italic;
	}
	
.content .chapo {
	font-size: x-small;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 5px;
	}
	
.content div.third {
	float: left;
	text-align: left;
	padding: 0px;
	margin-top: 10px; 
	margin-bottom: 10px; 
	margin-right: 10px; 
	margin-left: 0px;
	width: 31%;
        display: inline;
	}
		
.content div.half {
	float: left;
	text-align: left;
	padding: 0;
	margin-top: 10px; 
	margin-bottom: 10px; 
	margin-right: 10px; 
	margin-left: 0px;
	width: 48%;
	}
	
.content .withborder {
	border: 1px solid;
	border-color: #222222;
	}

.content .center {
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	}
	
.content div.comic {
	float: left;
	text-align: left;
	padding: 0;
	margin-top: 10px; 
	margin-bottom: 10px; 
	margin-right: 10px; 
	margin-left: 0px;
	width: 330px;
	height: 330px;
	border: 1px solid;
	border-color: #000000;

	}

.content div.comic .context {
	font-style: italic;
	padding-bottom: 15px;
	}
	
.content div.comic .dialogues {
	font-weight: bold;
	padding-bottom: 15px;
	}

/* There is a bug in IE5 for mac with the floating boxes */
/* to fix it, a width has to be defines */
/* since I need a variable width, then it is not an option in here */
/* so forget it about IE5 for mac ;-) */

.content div.floatright {
	float: right;
	text-align: right;
	padding: 8px 8px 8px 8px ;
	}

.content div.floatleft {
	float: left;
	padding: 8px 8px 8px 8px ;
	}


/* --------FILE AND DIR LIST--------*/

.filelist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.filelist .name:hover {
	color: #FFFFFF;
	background-color: #CCCCCC;
	}

.filelist a:hover {
	text-decoration: underline;
	}
	
.filelist .name {
	float: left;
	width: 75%;
	}
	
.filelist .options {
	font-size: x-small;
	float: left;
	text-align: right;
	width: 25%;
	clear: right;
	}

	
/* --------FOOTER--------*/

#footer {
	clear: both;
	text-align: right;
	font-size: 10pt;
    margin-top: 5px;
	padding-top: 0px;
	padding-bottom: 15px;
}