/*
 *		html generic css
 *
 *	This stylesheet match generic html tags
 *	and provide some useful classes
 *
 *	goal   : generic styling of html tested in different situations
 *	usage  : default import, xml editors
 *	syntax : separate specific (colors, sizes, decorations ...) for fast edit
 *
 *	frederic.glorieux@ajlsm.com
 */



/*
 *	 COLORS
 *
 *   Usuallly, color is the first property to define a graphic identity
 *
 */

		body { 
				color : #332000; 
				background-color : #FFFEFA 
		} /* a dark on light */

	 /* yellow / blue */

		caption, caption td, caption small { 
				background-color: #F0D080; 
				color:#3F407E;  
		}
		
		form.nav { 
    		background-color: #D0DAE0; 
    		color: #000000;
    } 

		form.nav a:hover { 
    		background-color: #6082A0; 
    		color: #FFFFCC; 
    }
		
		code, dt { 
				color: #3F577E; 
		} /* a dark blue */

	/* InfoBackground #FCFAE0  */
		pre { 
				background-color: #F5F5F0;
		}

	/* black */

		cite, small { 
				color: #000000; 
		}

	/* ButtonFace #DCDAD0  #F0EDE0*/

		kbd,  menu { 
				background-color: #D0DAE0; 
				color:#000000; 
		}

	/* GreyText #C0B899 */

	/* highlight  light on dark #4682B4 */

   caption, h2 a:hover, h3 a:hover, menu a:hover { 
   			background-color: #6082A0; 
   			color: #FFFFCC; 
   }
   
   	div.contents {
				background-color: #E8E5D9;
		}
		
		div.contents h2 {
				color: #000000;
			  font-family: "Trebuchet MS", sans-serif; 
				text-indent: 0; 
				border-bottom: none; 
				font-size: 100%; 
		}   

		.formalpara span.title {
				color: #000080;
				font-weight: bold;
		}


/*
 *  TYPOGRAPHY
 *
 *  important property to define graphic identity
 *  font-family for all elements + some bold  and italic
 *
 */
	
		html, body { 
	 			font-family: Georgia, "Gill Alternate One Monotype", "Gill Sans", "Trebuchet MS", Universal, Arial, sans-serif; 
				font-weight: normal;
		}

		form.nav { 
    		font-family: Universal, Arial, sans-serif;  
    }

		menu, small, label, legend, button,  select, input, caption, 
		caption td, caption small, caption a:link { 
				font-family: Universal, Arial, sans-serif;  
		}

		h3 { 
				font-family: Verdana, sans-serif;  
		}

		q, blockquote, h1 em, em { 
				font-family: Garamond, Melior, Georgia, Times,  serif; 
		}

		notag { 
				font-family: Script, cursive; 
		}

		notag { 
				font-family: "Comic Sans MS", fantasy; 
		}

		code, kbd, pre { 
				font-family: "Lucida Console", monospace; 
		}

		tt { 
				font-family: Courier, "MS Courier New", monospace; 
		}


/*
 *  SIZES
 *
 *   All sizes are relative to the body element.
 *   By inheritance, defining an absolute size for default should
 *   affect all other proportions.
 *
 */

	/*
 		body { 
 				font-size:normal; 
 		}
	*/

		code, kbd { 
				font-size: 90%; 
		}
		
		small { 
				font-size: 70%; 
		}
		
		input { 
				font-size: 90%; 
		}


/*
 *  MARGINS, PADDINGS, ALIGNMENTS
 *
 *   This section is opened to adjust alignments
 *
 */
		
		body { 
				margin-left: 7%; 
				margin-right: 4%; 
				margin-top: 3%; 
				margin-bottom: 2%;  
		}
		
		p, ul, ol, dl, center { 
				margin-top: 1ex; 
				margin-bottom: 1ex; 
		}
		
		p { 
				text-align: justify; 
		}
		
		li { 
				margin-top: 0.5ex; 
				text-align: justify; 
		}

		li p { 
				text-indent: 0px; 
		}

		pre { 
				white-space: pre; 
		}

/* 		.formalpara * {
				display: inline;
		}
 */		
		.para {
				display: block;
		}



/*
 *  INLINES (semantic)
 */

		big { 
				font-weight: 900; 
				text-align: center; 
		}
		
		b, strong { 
				font-weight: bold; 
		}
		
		i, em { 
				font-style: italic;
		}
		
		u { 
				text-decoration: underline; 
		}
		
		abbr {
		}
		
		acronym { 
				font-weight: bold; 
		}

	/* textual */

		cite { 
				font-style: italic;
		} 
		
		cite:before { 
				content: "\"";
		} 
		
		cite:after {
				content: "\"";
		}
		
		q { 
				font-style: italic; 
		}
		
		q:before { 
				content: "« ";
		}
		
		q:after { 
				content: " »";
		}
		
		samp {  
		}
		
		dfn { 
				font-weight: bold; 
				font-style: italic; 
		}
		
		samp { 
				font-style: italic; 
		}
		
		var { 
				font-style: normal; 
				font-weight: bold;
		}

	/* computing */

		code { 
				font-style: normal; 
		}
		
		kbd {  
				font-style: normal; 
				font-weight: bold; 
				border-width: 2px; 
				border-style: outset;
				padding-left: 1ex; 
				padding-right: 1ex; 
				text-decoration: none;
		}
		
		kbd:before {
				content: "[";
		}
		
		kbd:after	{
				content: "]";
		}
		
		var {
		}

	/* meta */

  	address {
  	}
  	
		ins {
		}
		
		del {
		}


/*
 *  LISTS
 */

		ol { 
				list-style: decimal;  
		}
		
		ul { 
				list-style-type: disc; 
		}
		
		dl dl { 
				margin-left: 2em; 
		}
		
		dt { 
				font-weight: bold; 
				margin-top: 0.5ex; 
				margin-bottom: 0.2ex;  
		}
		
		dd { 
				display: block; 
				text-align: justify; 
				margin-left: 0;  
				margin-top: 0.5ex; 
				margin-bottom: 0.5ex; 
		}
		
		dd dt { 
				display: inline;
		}
		
		menu {
			  list-style: decimal inside; 
			  width: 60%; 
			  white-space: nowrap;
			  margin-top: 1em; 
			  margin-bottom: 1em;
			  border: 2px outset;
			  text-align:right;
	  		padding-top: 1ex; 
	  		padding-bottom: 1ex; 
	  		padding-left: 1em; 
	  		padding-right: 1em;
		}
		
		menu * { 
				text-align: left; 
		}
		
		menu a:link { 
				display: block; 
		}
		
		menu a:link, menu a:visited { 
				text-decoration: none; 
				padding-left: 1ex; 
				padding-right: 1ex;
		}
		
		menu a:active { 
				color: white; 
				background: red;   
		}
	
/*
 *  TABLES
 */
	
		table { 
				width: 100%;
				margin-top: 3ex;
		}

		.table .title * {
				color: #000080;
				text-align: right;
				font-weight: bold;
		}
		
	  caption { 
	  		text-align: left; 
	  		padding-left: 1em; 
	  		padding-right: 1em; 
	  }
	  
		td { 
				padding-left: 0.5ex; 
				padding-right: 0.5ex; 
		}
		
		td { 
				border-bottom: solid 1px #CCCCCC; 
				vertical-align: top; 
		}


/*
 *  LINKS
 */

		a:link { 
				cursor: hand; 
				color: #000080; 
		}
		
		a:visited { 
				text-decoration: none; 
				color: #800080; 
		}
		
		a:hover, a:hover * { 
				text-decoration: underline; 
				color: red; 
		}
		
		a:active, a:active * {
				background: #CC3333;
				color: #FFFFFF; 
				text-decoration: none; 
		}

	/* some overring colors in case of backgrounds */
		
		caption a:link, caption a:visited { 
				color: #CCEEFF; 
		}
		
		caption a:hover { 
				color: #3F577E; 
				background: #FCFAe0; 
		}
		
		h3 a:link, h3 a:visited { 
				color: #3F407E; 
		}

		.alert { 
				color: red; 
				font-weight: bold; 
				text-align: left; 
				text-indent: 0; 
		}


/*
 *  TITLES
 */


		h1 { 
				font-family: Impact, sans-serif; 
				font-weight: 900; 
				text-align: left; 
				font-size: 200%; 
				padding-top: 1ex; 
				margin-bottom: 0.5ex;
		}
		
		h1 em { 
				font-weight: normal; 
				display: block; 
				color : #332000;
		}
		
		h1, h1 a:link { 
				color: #C0B899; 
		}
		
		h2, h2 a { 
    		color: #C0B899;
    }
		
		h2 {
			  font-family: "Trebuchet MS", sans-serif; 
			  color: #C0B899;
				text-indent: 0; 
				border-bottom: 1px solid; 
				font-size: 150%; 
				margin-top: 1em; 
				margin-bottom: 0;
		}
		
		/*
		h3 { 
				font-weight: 900; 
				text-indent: 0; 
				border-bottom: solid 1px; 
				font-size: 120%; 
				margin-top: 1em; 
				margin-bottom: 0;
		}*/
		
		h3 a:link { 
				text-decoration: none; 
		}

		h3 a { 
    		text-decoration:none 
    }
    
    h3 { 
    		font-weight: 900; 
    		text-indent:0; 
    		border-bottom:solid 1px;
    		background-color: #E8E5D9; 
    }

		h6 { 
				border-bottom: groove 2px ; 
				font-weight: 900; 
				font-size: 100%; 
				margin-top: 1em; 
				margin-bottom: 0.5ex;
		}
		
 		td h1, td h2, td h3, td h4, td h5, td h6, caption h1, caption h2, caption h3, 
 		caption h4, caption h5, caption h6 { 
				margin-top: 0; 
				margin-bottom: 0;
		}

/*
 *  TEXT
 */



/*
 *  CONTROLS
 */

		form { 
				margin: 0; 
				border: outset 2; 
				padding: 5
		}
		
		textarea { 
				width: 100%; 
				height: 5em
		}
		
		legend {
				border-bottom: groove 2; 
				padding-left: 1em; 
				padding-right: 1em; 
				padding-top: 0.4ex;
			  padding-bottom: 0.2ex;
	  		margin-bottom: 1ex;
			  font-weight: 900; 
			  font-family: sans-serif;
		}
		
		select { 
				background: White; 
				color: Black;
		}
		
		button { 
				cursor: pointer;
		}
		
 		label {
 				white-space: nowrap;
 		}

	@media all {
	}

/********* end sheet ************/