/*The Cascading style sheet for CWS*/

/*defaults for the main section*/
body
{
	background : #ffffff;
	font-family: Arial, Helvetica, verdana, sans-serif;
	color : #000000;
	font-size : .9em;
}


/*Nav bar*/
.nav 
{
	color:White;
	background:#000000;
	font-size : 83%;
	cursor: pointer; 
}

A.nav:link 
{
	color:White;
	text-decoration:none;
}

A.nav:Visited 
{
	color:White;
	text-decoration:none;
}

A.nav:Active 
{
	color:White;
	text-decoration:none;
}

A.nav:Hover 
{
	color:White;
	text-decoration:none;
}


.nav2 
{
	color:White;
	background:#298C52;
	font-size : 83%;
	cursor: pointer; 
}

A.nav2:link 
{
	color:White;
	text-decoration:none;
}

A.nav2:Visited 
{
	color:White;
	text-decoration:none;
}

A.nav2:Active 
{
	color:White;
	text-decoration:none;
}

A.nav2:Hover 
{
	color:White;
	text-decoration:none;
}


.nav3 
{
	color:White;
	background:#6699CC;
	font-size : 83%;
	cursor: pointer; 
}

A.nav3:link 
{
	color:White;
	text-decoration:none;
}

A.nav3:Visited 
{
	color:White;
	text-decoration:none;
}

A.nav3:Active 
{
	color:White;
	text-decoration:none;
}

A.nav3:Hover 
{
	color:White;
	text-decoration:none;
}
	
/*End of Nav bar*/

.bouton
{
	text-decoration:none;
	cursor: pointer; 
}

.bouton a:link
{
	text-decoration:none;
	cursor: pointer; 
}

.bouton a:visited
{
	text-decoration:none;
	cursor: pointer; 
}


.bouton a:hover
{
	text-decoration:none;
	cursor: pointer; 
}


.bouton a:active
{
	text-decoration:none;
	cursor: pointer; 
}



/* red_link class */


A.red_link:link 
{
	color:red;
}

A.red_link:Visited 
{
	color:red;
}

A.red_link:Active 
{
	color:red;
}

A.red_link:Hover 
{
	color:red;
}

/* end of red_link class */

.encadre
{
	background : Silver;
	border : thin solid Gray;
	font-size : .8em;
}


.tableau
{
	font-size: 1em;
}

.tableau th
{
	font-size: .75em;
	color:#0F899C;
	font-weight:bold;
}

.tableau td
{
	font-size: .75em;
	color:#0F899C;
}

.tableau a:link
{
	color:#0F899C;
	text-decoration : underline;
}

.tableau a:visited
{
	color:#186976;
	text-decoration : underline;
}

.tableau a:active
{
	color:#25B3C9;
	text-decoration : underline;
}

.tableau a:hover
{
	text-decoration:none;
}


P
{
	font-family: Arial, Helvetica, verdana, sans-serif;
}

/*class to make the text bold*/
.bold
{
	font-weight: bold;
}

/*class to make the text italic*/
.italic
{
	font-style: italic;
}

.noitalic
{
	font-style: normal;
}

/*class to make the text underlined*/
.underline
{
	text-decoration: underline;
}


/*Class to indent paragraphs*/
.indent
{
	text-indent: 15px;
}

/*Used in form input text boxes for browser consistency*/
.form
{
	font-family: Courier, serif;
}

/*Used for small text (NOTE: should replace all legend, pubinfo).*/
.small
{	
	font-size : .75em;
}


/*Utilis� pour les symboles de la police 'Symbol', par exemple les lettres grecques*/
.symbol
{
	font-family: Symbol;
}

/*Defaults inside a table cell*/

TH
{
	font-family : Arial, Helvetica, sans-serif;
	/*font-size : .8em;*/
	color : #000000;
}

TD
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : .9em;
	color : #000000;
}

.small
{	
	font-size : .75em;
}

small
{	
	font-size : .75em;
}

/* --- Where the heading fonts are set --- */
H1
{   font-family: Arial, Helvetica, verdana, sans-serif;
    color: #508cc8;
	font-size: 1.4em;
	font-weight: bold;
}

H2
{   font-family: Arial, Helvetica, verdana, sans-serif;
    color: #508cc8;
	font-size: 1.3em;
	font-weight: bold;
}

H3
{   font-family: Arial, Helvetica, verdana, sans-serif;
    color: #508cc8;
	font-size: 1.2em;
	font-weight: bold;
}

H4
{   font-family: Arial, Helvetica, verdana, sans-serif;
    color: #508cc8;
	font-size: 1.1em;
	font-weight: bold;
}

H5.black
{   font-family: Arial, Helvetica, verdana, sans-serif;
    color: black;
	font-size: 1em;
	font-weight: bold;
}

H5
{   font-family: Arial, Helvetica, verdana, sans-serif;
    color: #508cc8;
	font-size: 1em;
	font-weight: bold;
}

/* --- special classes for changing the text --- */

/*Use when we are displaying the file size --- changes font to red (NOTE: to go???)*/
/* --- Should be replaced by small? --- */
.filesize 			   
{
 	color: #FF0000;
}

/*.select
{ 
	font-size: .75em; 
}*/

.title
{	font-size : 1.15em;
	color: #508cc8;
	text-indent: 0px;
	font-weight: bold;
	line-height: 1.15em;
}

a.title:link
{
	color: #508cc8;
}

a.title:visited
{
	color: #508cc8;
}

.subtitle
{
	font-size: 1em;
	color: #508cc8;
	text-indent: 0px;
	font-weight: bold;
	line-height: 1em;
}

a.subtitle:link
{
	color: #508cc8;
}

a.subtitle:visited
{
	color: #508cc8;
}

.sidetitle
{
	font-weight: bold;
}

/*.footer
{
	font-size: .75em;
}*/

/* --- Regular links --- */			
			
a:link
{    
	color : #000099;
	text-decoration : underline;
}

a:visited
{    
	color: #3366FF;
	text-decoration : underline;
}

a:hover
{
	text-decoration : underline;
}

a:active
{
	color : #0099ff;
	text-decoration : underline;
}


/* --- Start of DIV Class="sidebar" Section --- */	

DIV.sidebar body
{
	background : #ffffff;
	font-family: Arial, Helvetica, verdana, sans-serif;
	color : #000000;
	font-size : .9em;
}		
			
DIV.sidebar a:link
{    
	color : #000099;
	font-size: .8em;
	text-decoration : none;
}

DIV.sidebar a:visited
{    
	color: #3366FF; 
	font-size: .8em;
	text-decoration : none;
}

DIV.sidebar a:hover
{
	text-decoration : underline;
	font-size: .8em;
}

DIV.sidebar a:active
{
	color : #0099ff;
	font-size: .8em;
	text-decoration : none;
}

DIV.sidebar td
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : .9em;
	color : #000000;
}

/* --- End of DIV Class="sidebar" Section --- */

/* --- Start of DIV Class="footer" Section --- */
			
DIV.footer body
{
	background : #ffffff;
	font-family: Arial, Helvetica, verdana, sans-serif;
	color : #000000;
	font-size : .75em;
}	
	
DIV.footer a:link
{    
	color : #000099;
	/*font-size: .75em;*/
	text-decoration : underline;
}

DIV.footer a:visited
{    
	color: #3366FF; 
	/*font-size: .75em;*/
	text-decoration : underline;
}

DIV.footer a:hover
{
	text-decoration : underline;
	/*font-size: .75em;*/
	color : #000000;
}

DIV.footer a:active
{
	color : #0099ff;
	/*font-size: .75em;*/
	text-decoration : underline;
}

DIV.footer td
{
	font-family : Arial, Helvetica, sans-serif;
	font-size: .75em;
	color : #000000;
}

/* --- End of DIV Class="footer" Section --- */

/* --- Links for images --- */			
			
a.image:link
{    
	color : #000000;
	text-decoration : none;
}

a.image:visited
{    
	color : #000000;
	text-decoration : none;
}

a.image:hover
{
	text-decoration : none;
}

a.image:active
{
	color : #000000;
	text-decoration : none;
}

p.marge 
{
	text-indent: -9pt; 
	margin-left: 9pt;
}

li.no_indent {
	margin-left: -15pt
}

h3.analMethodType {
	color: black;
	background-color: #508cc8;
	border: thin solid Black;
	text-align : center;
}

h4.analMethod {
	color: black;
	background-color: #eeeeee;
	border: thin solid Black;
	text-align : right;
}

div.ficheMethod {
	border: thin solid Black;
	azimuth : right-side;
}


.viewport {
	display: block;
	position: relative;
	width: 100%;
}

.viewportLeft {
	vertical-align: top;
	position: relative;
    	display:  inline;
	width: 140px;
}

.viewportRight {
	position: relative;
	display: inline;
	width: 605px;
	z-index: 5;
}

.viewportRightContent {
	position: relative;
	display: block;
	width: 600px;
}

.viewportLeft ul {
	position: relative;
	vertical-align: top;
	width: 100%;
	display: inline;
	font-size: .8em;
	border-left: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

.viewportLeft li {
	text-decoration: none;
	list-style-type: none;
	list-style: outside;
	margin-left: 0em;
	padding-left: 0em;
	margin-bottom: 0em;
	margin-top: 0em;
	border: thin white solid;
	width: 100%;
}

.viewportLeft li:hover{
	background-color: #eeeeee;
	/*list-style-image: url('/1_images/arrw.gif');*/
}

.viewportLeft  li a:link, .viewportLeft  li a:visited{
	text-decoration: none;
}

.viewportLeft  li a:hover{
 	width: 100%;
	text-decoration: none;
	background-color: #eeeeee;
	/*list-style-image: url('/1_images/arrw.gif');*/
}

.clean img{
border: 0;
}

.compact {
margin: 0px;
}


@media print {
			#topMenu {
				display: none;
			}
			#topBar {
				display: none;
			}
			#leftMenu {
				display: none;
			}
			#content {width: 100%;}
			body {font-size: 12pt;}
			.anchorForWeb {
				display: none;
			}
			.cfdebug {
				display: none;
			}
		}
		
		#frame {
			width: 100%;
			text-align: center;
			display: block;
		}
		
		#page {
			width: 600px;
			/*text-align: center;*/
			margin: auto;
			/*background-color:red;*/
		}
		
		#leftMenu {
			width: 150px;
			float: left;
			/*background-color:green;*/
			padding: 0px;
			margin: 0px;
			text-align: left;
		}
		
		#topBar {
			width: 600px;
			/*text-align: right;*/
			/*background-color:purple;*/
			padding: 0px;
			margin: 0px;
		}
		
		#topMenu {
			width: 450px;
			/**background-color: red;*/
			padding: 0px;
			margin: 0px;
			float: right;
		}
		
		#footerMenu {
			width: 450px;
			float: left;
			/*background-color:gray;*/
			clear:both;
			padding: 0px;
			margin: 0px;
		}
		
		#content {
			width: 450px;
			float: left;
			text-align: left;
			/*background-color:blue;*/
		}
		
		div.clearThis {clear:both;}
		
		
		
		div.hiddendiv{
			display: none; 
			
		} 
		
		.showaslink{
			
			cursor: pointer; 
		}
		
		
		a.boxNav,a.boxNavSelected{
	padding: 5px 3px 5px 3px;
	border: 1px solid black;
	font-size: 0.8em;
	line-height: 3em; 
	font-weight: 400;
	color: #000000; 
	background-color: #E0D8C7;
	}
	
a.boxNav:link {text-decoration: none; color: #000000; background-color: #E0D8C7; }
a.boxNav:visited {text-decoration: none; color: #000000; background-color: #E0D8C7; }
a.boxNav:hover {background-color: #E0D8C7; border: 1px solid #000000; }

a.boxNavSelected{
	

	color: #000000; 
	background-color: #ffffff;
	text-decoration: none;
	
}