/**************************************
 *			DarkBlue Style
 * ------------------------------------
 * Background : 	White #FFFFFF
 * Texts : 			Black #000000
 * Titles : 		DarkBlue  #f89d06
 * Links hover : 	DarkBlue  #f89d06
 * SubTiles : 		Blue #ffcc00
 * Normal Links  :	Blue  #ffcc00
 * Strong_Em :		Blue  #ffcc00
 * Third colour :	LightBlue #ff9d2a
 *************************************/


/** General **/
body {
	margin: 0%;
	padding:0%;
	background-color: #FFFFFF;
	font-family:Arial, "Trebuchet MS", Verdana, sans-serif;
	font-size:15px;
	color:#000000;
	vertical-align: middle;
	text-align:left;
	cursor:default;
}


/**********
    DIVS
***********/

#header{
	width:100%;
	height:110px;
	background-color:#FFFFFF;
}

/** Section **/
#section{
	width:600px;
	height:40px;
	clear:both;
	margin: auto;
	padding:0%;
	text-align:center;
}

/** Subsection **/
#subsection {
	clear:both;
	float:left;
	margin-left:1%;
	padding:0%;
	width:15%;
	border: 1px solid #f89d06;
	text-align:left;
}

#section ul
{
	width:100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#section ul li
{
	display:block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 1px;
}

#section ul li a
{
	border-top: 1px solid #f89d06;
	border-left: 1px solid #f89d06;
	border-bottom: 1px solid #f89d06;
	border-right: 1px solid #f89d06;
	padding: 0;
	margin: 0;
	color: #f89d06;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#section a:active
{
	background: #ffcc00;
	color: #fff;
}

#section a:hover
{
color:#ffcc00;
border: 1px solid #ffcc00;
background: url(degrad_blue_claire2.jpg) repeat-x;
}

#section li#active a
{
/* background:#ffcc00; */
background: url(degrad_blue_claire2.jpg) repeat-x;
border: 1px solid #ffcc00;
color:#FFFFFF;

}

#section li .no_border{
	border:none;
}


/** Content **/
#content {
	float:left;
	margin-left:2%;
	margin-bottom: 30px;
	width:76%;
	padding: 1% 2% 2% 2%;
	background-image:url(content_bk.jpg);
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #f89d06;
}

/** Footer **/
#footer {
	clear:both;
	padding-top:10px;
	padding-bottom:20px;
	text-align: center;
	font-size:11px;
}

/** Auth **/
.auth {
	margin-left:20%;
	margin-top:5%;
	margin-bottom: 30px;
	width:60%;
	padding: 2% 1% 7% 2%;
	background-image:url('content_bk.jpg');
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #f89d06;
}

/** Possibilities **/
.possibilities {
	margin-left:10%;
	margin-top:2%;
	margin-bottom: 30px;
	width:80%;
	padding: 1% 2% 2% 2%;
	background-image:url('content_bk.jpg');
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #f89d06;
}

/** Log **/
.log {
	margin: 0% 2% 0% 2%;
	width:94%;
	padding: 2% 2% 2% 2%;
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #999999;
}

/* Description member */
.item_member_person{
 	border: 1px dashed #ffcc00;
	margin: 10px;
	padding: 5px;
	background-image:url("person_icon.gif");
	background-repeat:no-repeat;
	background-position:right;
}
.name{
	font-weight:bold;
	font-size:17px;
	text-align:center;
	color:#f89d06;
	margin-top: 5px;
	margin-bottom:20px;	
}
.item_description{
	font-weight:600;
	color:#666666;
}
.item_details{
	font-style:italic;
	margin-top:10px;
	margin-bottom:20px;
	text-indent:10px;
}
.management_item_user{
 	border: 1px dashed #ffcc00;
	margin: 10px;
	padding: 5px;
	background-image:url("person_icon.gif");
	background-repeat:no-repeat;
	background-position:right;
}
.management_item_agenda{
 	border: 1px dashed #ffcc00;
	margin: 10px;
	padding: 5px;
	background-image:url("item_agenda.gif");
	background-repeat:no-repeat;
	background-position:right;
}
/** File Folder Managemnet */
.1eft_side{
	float:left;
	width:20%;
	margin: 0% 0% 0% 0%;
	border:#000000 2px;
	background-color:#00FFFF;
}

.item_1eft{
	width:90%;
	margin-top:0%;
	margin-bottom:2%;
	border: 1px dashed #f89d06;
	padding: 0px 8px 8px 8px;
}

.middle{
	width:95%;
	margin-top: 0%;	
	border: 1px dashed #330066;
	padding: 0px 8px 0px 8px;
}


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


/* Section */
h1 {	
	text-align: left;
	color:#f89d06;
	/*font-size:24px;*/
	padding-left: 40px;
	line-height: 30px;
	font-size: 1.5em;
}

/* Title */
h3 {	
	text-align: left;
	color: #f89d06;
	padding-left: 5px;
	line-height: 15px;
	font-size: 1.4em;
}

/* Subtitle */
h4 {	
	text-align: left;
	color:#ffcc00;
	padding-left: 20px;
	line-height: 18px;
	height:18px;
	font-size: 1.1em;
}

/* Title Subsection */
#subsection h3 {
	margin-top:15px;
	font-size: 1.1em;
	text-align:center;
	background-color:#FFFFFF;
	line-height:20px;
}




/********************
  TEXTS & FORMS
*********************/

/** Forms (non-utilisé pr l'instant) **/
form{
	padding-left: 5%;
	margin-bottom:10px;
}

legend{
	color:#3399FF;
	font-style:italic;
	font-weight:bold;
}

fieldset{
	width: 80%;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
}

.input_valid_search{
	background:#fff url("search.gif") no-repeat;
	height:22px;
	width:22px;
	border:0;
	cursor:pointer;
}

.input_valid{
	background:#fff url("search.gif") no-repeat;
	height:22px;
	width:22px;
	border:0;
	cursor:pointer;
}

/* Remarks - Comments - Observations more important */
em{
	font-weight:italic;
}

/* Remarks - Comments - Observations more important */
strong {
	font-weight:bolf;
}

.txt_warning{
	color:#FF0000;
	font-weight:bolder;
}

.txt_info{
	color:#666666;
	font-size:smaller;
}

a.signout{
	color:#FF0000;
}

/** Paragraph **/
p {
	line-height: 20px;
	text-align: justify;
	text-indent: 30px;
	vertical-align: middle;
	margin: 10px 15px 15px 15px;
}

#subsection p{
	text-align:left;
	text-indent:0px;
}

/** ajax tab **/
td.cellule{
	cursor:text;
	height:22px;
}

td.cellule:hover{
	background-color: #ff9d2a;
	cursor:text;
	border:1px solid #999999;
}

td.cellule_border{
	cursor:text;
	border:1px solid #999999;
}

td.cellule_border:hover{
	background-color: #ff9d2a;
	border:1px solid #666666;
	cursor:text;
}
/** ajax input **/
.aj_input{
	background-color: #ff9d2a;
	border:0px;
	cursor:text;
	font-weight:bold;
	font-family:Arial, "Trebuchet MS", Verdana, sans-serif;
}

/***************
   LINKS
****************/
a {
	text-decoration: none;
	color:#ffcc00; 
}

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


/************
	PICTURE
************/

img{
	border: 0;
}

.img_home{
	width:45px;
	height:40px;
	background-image:url('home_icon.jpg');
	background-repeat:no-repeat;
	vertical-align:middle;
	border:0;
	float:left;
}

.img_rss{
	width:13px;
	height:13px;
	float:left;
	border:none;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('rss_icon.jpg');
}
.img_delete{
	width:68px;
	height:25px;
	/*float:left;*/
	border:none;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('delete.jpg');
	cursor:pointer;
}

.img_new{
	width:68px;
	height:25px;
	float:left;
	border:none;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('new.jpg');
}
#img_title{
	float:left;
	width:60%;
	height:110px;
	background-repeat:no-repeat;
	background-image:url('logo_title_v2.jpg');
	background-position:center;
}

#img_title_management{
	float:left;
	width:60%;
	height:110px;
	background-repeat:no-repeat;
	background-image:url('logo_title_management.jpg');
	background-position:center;
}

#img_logo{
	width:19%;
	height:110px;
	float:left;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url('logo_northumbria.jpg');
}

#img_raquel{
	width:20%;
	height:110px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('logo_raquel.jpg');
}



/***********
	LIST
***********/

ul, ol{
	text-align:justify;
	padding-left:20px;
	margin-left:0px;
}

ul li{
	margin-bottom:10px;
	list-style-image:url(list_icon.jpg);
	
}
ol li{
	margin-bottom:10px;
}

ul li ul li{
	margin-bottom:0px;
	list-style-image:url(list_icon_mini.jpg);
	font-size:14px;
	
}
ul li ul li ul li{
	list-style-image:url(list_icon_nano.jpg);
	font-size:13px;
}
#subsection ul{
	text-align:left;
}

.li_button{
	text-align:left;
	list-style:none;
}

ul.li_block{
	color:#0000CC;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
	margin-left:0px;
	padding-left:0px;
	border:1px dashed #0000CC;
}
ul.li_block li ul{
	color:#0033FF;
	background-color:#AAF7FF;
	font-size:18px;
	margin-left:50px;
	padding-left:0px;
	border:1px dashed #0033FF;
}

ul.li_block li ul li ul{
	color:#0044FF;
	background-color:#9DC2FF;
	font-size:16px;
	margin-left:100px;
	border:1px dashed #0066FF;
}

ul.li_block li ul li ul li ul{
	color:#0055FF;
	background-color:#CFBFFF;
	font-size:14px;
	margin-left:150px;
	border:1px dashed #0055FF;
}