/* GENERAL */
/***********/

	html {
		font-size: 100%;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #000;
	}
	
	body {
		margin: 0;
		padding: 0;
		background-color: #000;
		color: #e0e0e0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
	}
	
	label, input, select, option, textarea {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		font-size: 1em;
		outline: none;
	}
	
	#container {
		padding: 0;
		margin: 0 auto;
		width: 790px;
		position: relative;
	}
	
	.hide {
		opacity: 0;
		display: none;
	}
	
	.show {
		opacity: 1;
		display: block;
	}
	
	.clear {
	 	margin: 0;
		padding: 0;
		height: 0;
		width: 0;
		border: none;
		clear: both;
	}

/* TITLES */
/**********/

	h1 {
		
	}
	
	h2 {
		margin: 0;
		padding: 0;
		font-size: 1.15em;
		float: left;
	}
	
	h3 {
		font-weight: bold;
		font-size: 1em;
		padding: 0;
		margin: 0 0 15px 0;
		float: right;
	}

/* TABLES */
/**********/

	table, tr, th, td {
		margin: 0;
		padding: 0;
	}
	
	table {
		border-collapse: collapse;
	}

/* LINKS */
/*********/

	a {
		color: orange;
		outline: none;
		text-transform: none;
		text-decoration: none;
		letter-spacing: normal;
		font-weight: normal;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	#logout {
		position: absolute;
	}
	
	#login {
		color: #000;
		position: absolute;
	}
	
	#login:hover {
		color: orange;
	}

/* AJAX LOG */
/************/

	#ajax_log {
		margin: 3px 0 -3px 8px;
		float: left;
		opacity: 0;
	}

	#ajax_log.ajax-loading {
		width: 16px;
		height: 16px;
		display: block;
		background: transparent url('../images/loaders/ajax-loader-arrows.gif') left bottom no-repeat;
		opacity: 0;
	}

/* IDENTIFICATION */
/******************/

	#identify {
		margin-top: 10px;
	}
	
	#identify label {
		width: 640px;
	    margin: 5px;
		float: left;
		display: block;
		text-align: right;
	}
	
	#identify #login, #identify #password {
		margin: 1px 0 0 0;
		width: 10em;
		padding: 3px;
		border-collapse: collapse;
		border: 1px dotted #aaa;
		background-color: #000;
		color: #e0e0e0;
		float: left;
	}
	
	#identify label[for=password] {
		clear: left;
	}
	
	 #identify #password {
	 	margin-top: 2px;
	 }
	
	#submit_identify {
		margin-top: 10px;
		float: right;
		clear: both;
	}
	
	#submit_identify:hover {
		cursor: pointer;
	}

/* ACTUALITES */
/**************/

	#pageTitle {
		padding-top: 20px;
	}

	.empty {
		/*background-color: orange;*/
		border: 2px dotted orange !important;
		opacity: .3;
	}
	
	.empty:hover {
		opacity: 1;
	}

	.actu {
		position: absolute;
		width: inherit;
		height: 479px;
		overflow: visible;
		margin: 20px 0 0 0;
		/*background-color: orange;*/
	}
	
	.actu a img {
		border: 2px dotted #000;
		margin: -2px;
	}
	
	.actu img {
		float: left;
		width: 500px;
		margin: 0;
		
	}

	.actu form, .actu .rightcol {
		float: right;
		width: 285px;
		margin-right: -6px;
		height: inherit;
		/*background-color: red;*/
		padding: 0;
		overflow: hidden;
		height: 477px;
	}

	.actu form {
		margin-top: -33px;
		height: 532px;
	}
	
	.actu h3 p {
		margin: 0;
	}
	
	.actu form textarea.actuTitle {
		width: 269px;
		height: 2.4em;
		padding: 3px;
		overflow: hidden;
	}

	.actu .text {
		text-align: justify;
		line-height: 1.4em;
		height: 449px;
		width: inherit;
		padding: 0;
		margin: 0;
		background-color: transparent;
		color: #e0e0e0;
		border: 0;
		clear: both;
	}
	
	.actu form textarea.text {
		width: 269px;
		height: 429px !important;
		padding: 3px !important;
		/*background-color: #222 !important;*/
	}
	
	.actuTitle:hover, .actuTitle:focus, textarea.text:hover, textarea.text:focus {
		/*background-color: #333 !important;*/
	}
	
	.actu .submit {
		display: none;
	}
	
	textarea {
		outline: none !important;
		visibility: hidden;
	}
	
	#cke_text_0, #cke_text_1, #cke_text_2, #cke_text_3, #cke_text_4 {
		margin-top: 10px;
		/*width: 275px !important;*/
		outline: none !important;
		height: 416px !important;
		border: 2px dotted #333;
		padding: 3px;
	}
	
	#cke_title_0, #cke_title_1, #cke_title_2, #cke_title_3, #cke_title_4 {
		outline: none !important;
		border: 2px dotted #333;
		padding: 3px;
	}
	
	#cke_text_0:hover, #cke_text_1:hover, #cke_text_2:hover, #cke_text_3:hover, #cke_text_4:hover, #cke_title_0:hover, #cke_title_1:hover, #cke_title_2:hover, #cke_title_3:hover, #cke_title_4:hover {
		border: 2px dotted #888;
	}

/* MENU */
/********/

	#actuMenu {
		position: absolute;
		top: 454px;
		height: 80px;
		margin: 0;
		padding: 0;
		display: block;
	}
	
	#actuMenu li {
		float: left;
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 25px 0 0;
		cursor: pointer;
	}
	
	#actuMenu li a {
		display: block;
		width: 80px;
		height: 80px;
		margin: -2px;
		padding: 0;
		cursor: pointer;
		background: transparent;
		position: relative;
		overflow: hidden;
		border: 2px dotted #000;
		opacity: .4;
	}
	
	#actuMenu a img {
		position: absolute;
		border: none;
		width: 80px;
	}
	
	#actuMenu a:hover img {
		/*top: -100%;*/
	}
	
	#actuMenu a:hover {
		opacity: 1;
	}
	
	#actuMenu li span {
		display: none;
	}
	
	.active {
		opacity: 1 !important;
		background-position: bottom left;
		/*border: 2px dotted #e0e0e0 !important;*/
	}

/* TOOL TIPS */
/*************/ 

	.tip-wrap {
		background: transparent url(../images/pixs/white_85.png) left top;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 4px 8px 3px 8px;
		-moz-box-shadow: 0 0 10px #000;  
	    -webkit-box-shadow: 0 0 10px #000;  
	    box-shadow: 1px 1px 12px #2f2f2f;
		z-index: 99;
	}
	
	.tip-top {
		
	}
	
	.tip {
		
	}
	
	.tip-title {
		/*color: #9fd4ff;*/
		color: #000;
	}
	
	.tip-text {
		
	}
	
	.tip-bottom {
		
	}

/* FOOTER */
/**********/

	#footer {
		width: inherit;
		position: absolute;
		top: 554px;
		width: 800px;
		margin: 10px 0 0 0;
		padding: 0;
		line-height: 1.4em;
	}
	
	#credits {
		text-align: right;
		font-size: smaller;
		margin: 0;
		padding: 20px 0 0 0;
	}
	
	.mailto, .mailto:hover {
		color: #E0E0E0;
	}