@charset "UTF-8";
/* Melocoton */
/* Michael Caillet | David Darx */
/* 070723 */


/*========================================================================*/
/*GENERAL*/
/*========================================================================*/

html {
	height: 100%;
}
#flash {
	height: 100%;
	z-index:100;
	position:absolute;
	width:100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	border:0;
	background-color:#aeaeae;
	background-image:url(../images/html/body_background.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow:hidden;
}

a{
	color:#000000;
	padding:2px;
	padding-top:0px;
	font-weight:bold;
	background-color:#ffffff;
}
a:hover{
	text-decoration:none;
	background-color:transparent;
}





/*========================================================================*/
/*STRUCTURE*/
/*========================================================================*/
#logoMelo{
	width:178px;
	height:105px;
	float:left;
	font-size:15px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#warningContainer{
	width:750px;
	position:absolute;
	top:0;
	left:180px;
	z-index:1;
}
#warningTitle{
	background-color:#000000;
	color:#ffffff;
	padding:2px;
	padding-left:5px;
	font-size:13px;
}
#warningDesc{
	padding-left:5px;
}
#warningOptions{
	padding-left:10px;
}

#creditsContainer{
	width:750px;
	float:left;
	clear:both;
	padding-left:15px;
	margin-top:50px;
	padding-bottom:100px;
}
#creditsTitle{
	background-color:#000000;
	color:#ffffff;
	padding:2px;
	padding-left:5px;
	font-size:13px;
}
#creditsDesc{
	padding-left:5px;
}

#contentContainer{
	width:750px;
	float:left;
	clear:both;
	padding-left:15px;
	margin-top:50px;
}
#contentTitles{
	background-color:#000000;
	color:#ffffff;
	padding:2px;
	padding-left:5px;
	font-size:16px;
}
#contentDesc{
	padding-left:5px;
}

.datasTitles{
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}


.clear{
	clear:both;
}

table{
	border:1px dashed #333;
	width:50%;
	font-size:1.2em;
}
td,th{
	border-bottom:1px dashed #333;
	text-align:left;
}
tr:last-child td{
	border:none;
}
th{
	border-right:1px dashed #333;
}
th:last-child{
	border-right:none;
}











/*========================================================================*/
/*STYLES*/
/*========================================================================*/
#contentTitles a{
	text-decoration:none;
	background:transparent;
	color:#999999;
	padding:0px;
}
#contentTitles a:hover{
	color:#ffffff;
}

.contentTitlesSepare{
	font-weight:normal;
	font-style:italic;
	color:#999999;
}
#logoMelo a{
	background:transparent;
	border:0px;
	text-decoration:none;
	padding:0px;
}
.warning{
	font-weight:bold;
	color:#ff0000;
}
#programme{
	display:none;
}
a img{
	border:none;
	background:none!important;
}