@CHARSET "ISO-8859-1" ;


@import url("screen_former.css") ;


/*-----------------------------------------------------
		   GENERIC DEFINITIONS (all, classes)
  -----------------------------------------------------*/

h1 {
	margin-top:				1.2em ;
	padding-left:			0px ;
	width:					100% ;
	color:					#333 ;
	font:					1.3em Georgia, "Times New Roman", Times, serif ;
	font-weight:			normal ;
	border-bottom:			1px #888 solid ;
}

h2 {
	margin:					1.2em 0px .6em 0px ;
	padding-left:			0px ;
	width:					60% ;
	color:					#333 ;
	font:					1.1em Georgia, "Times New Roman", Times, serif ;
	font-weight:			normal ;
	border-bottom:			1px #888 dotted ;
}


h3 {
	margin:					1em 0px .4em 0px ;
	padding-left:			0px ;
	color:					#222 ;
	font:					1.1em Georgia, "Times New Roman", Times, serif ;
	font-weight:			normal ;
}


p {
	width:					100% ;
	margin-top:				0em;
	margin-bottom:			1em;
	padding:				0px ;
	text-align:				justify ;
}

ul {
	list-style-type: 		square;
}

ul ul { 
	list-style-type: 		circle ;
}


/* 
	P : class first
*/

p.first {
	text-indent: 			1em ;
}


/* 
	SPAN : class initialLetter, code, path
*/

span.initialLetter {
	float:					left ;
	margin-top:				-.15em ;
	margin-right:			.1em ;
	padding:				0px ;
	font:					2.45em Georgia, Times New Roman, Times, serif ;
}

span.code {
	font:					1.1em Courier new ;
}

span.path {
	font:					1.05em Courier new ;
}



/*
	Tables for split content image/text.
*/
table#refBook td.preface {
	padding-left: 			1em ;
}

/* 
	TABLE : class generic.
*/

table.generic {
	width:					100% ;
	margin-left:			auto ;
	margin-right:			auto ;
}

table.generic td {
	vertical-align: 		top ;
}

table.generic td.separator {
	padding: 				0em 1em 0em 1em ;
}

table.generic td.widest {
	width: 					100% ;
}

table.generic tr.shadded {
	background:				#f0f0f0 ;
}



/* 
	TABLE : class footnotes.
*/

table.footnotes {
	width:					100% ;
	margin-top:				0.5em ;
	border-top:				1px #bbb solid ;
}

table.footnotes td {
	font-size:				0.8em ;
	text-align:				justify ;
	vertical-align:			top ;
	color:					#335 ;
}

table.footnotes td.reference {
	font-size:				0.6em ;
	width:					1% ;
	text-align:				right ;
	padding-right:			1em ;
}


/* 
	DIV : classes errorMessage, successMessage.
	
	TODO: should rename infoBulles in English.
*/

div.errorMessage {
	color:					#500 ;
    background: 			#fff0f0 ;
	margin:					0em auto 0.7em auto ;
    padding: 				0.2em 1em 0.2em 1em ;
    min-width: 				600px ;
	text-align:				center ;
	vertical-align:			middle ;
    border-radius: 			5px ;
	border:					1px #c88 solid ;
}

div.successMessage {
	color:					#050 ;
    background: 			#f0fff0 ;
	margin:					0em auto 0.7em auto ;
    padding: 				0.2em 1em 0.2em 1em ;
    min-width: 				600px ;
	text-align:				center ;
	vertical-align:			middle ;
    border-radius: 			5px ;
	border:					1px #8c8 solid ;
}


/* 
	Figures and captions.
*/

div.figure {
	width: 					100% ;
	margin: 				0.5em auto 0.5em auto ;
	text-align:				center ;
}

img.figure {
	max-width:				750px ;
}

p.caption {
	text-align:				justify ;
	padding:				0.2em 2em 0.5em 2em ;
	font-size:				0.9em ;
	text-align:				center ;
	box-sizing : 			border-box;
}

span.reference {
	font-weight:			bold ;
}


/*-----------------------------------------------------
		       SPECIFIC DEFINITIONS (id)
  -----------------------------------------------------*/

/* 
	TABLE : id users.
*/

table#users {
	width: 					100% ;
	font-size:				0.9em ;
}

table#users td {
	padding: 				0.1em 1em 0.1em 1em ;
	vertical-align:			top ;
}

table#users tr.shadded {
	background:				#f0f0f0 ;
}

table#users th {
	color: 					#511 ;
	background:				#f0e0e0 ;
	padding: 				0.2em 1em 0.2em 0.5em ;
	font-weight:			bold ;
}


/* 
	TABLE : id descriptionSections.
*/

table#descriptionSections {
	width: 					100% ;
	font-size:				0.9em ;
}

table#descriptionSections td {
	vertical-align:			top ;
	padding-bottom:			0.5em ;
	border-top:				1px #ccc dotted ;
}

table#descriptionSections td.itemId {
	text-align:				right ;
}

table#descriptionSections td.link {
	padding-right: 			2em ;
	text-align:				left ;
}

table#descriptionSections td.description {
	text-align: 			justify ;
}


/*
	OTHER
*/



/*-----------------------------------------------------
	                    Header
  -----------------------------------------------------*/

section#headerWrapper {
	width:					800px ;
	height:					1.8em ;
	margin:					0px auto 0px auto ;
	padding-top:			0.1em ;
	text-align:				center ;
	font:					2.7em "Cambria" ;
	color:					#ccc ;
	background:				#444 ;
	border: 				1px #444 solid ;
	vertical-align:			top ;
}

section#headerWrapper table {
	margin:					0px;
	padding:				0px;
	width:					100% ;
	vertical-align:			top ;
}


/*-----------------------------------------------------
	                    Footer
  -----------------------------------------------------*/

section#footerWrapper {
	width:					800px ;
	height:					1.8em ;
	margin:					0px auto 0px auto ;
	padding:				0px ;
	text-align:				center ;
	/*border-top: 			1px transparent dotted ;  /* Seems to correct the problem of shifted background with Opera and Safari . . ?! */
	font:					"Calibri" ;	
	border: 				1px #444 solid ;
	color:					#ccc ;
	background:				#444 ;
}


section#footerWrapper table.footer {
	width:					100% ;
	margin-left:			auto ;
	margin-right:			auto ;
	border:					0px ;
}

section#footerWrapper table.footer td.left {
	padding-left:			1em ;
	text-align:				left ;
}

section#footerWrapper table.footer td.right {
	padding-right:			1em ;
	text-align:				right ;
}