/* CSS Document */

/* AJOUT NR 2 //////////////////////////////////////////
SCROLLING ON LEFT MENUS
*/  /*
a {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
display: block;
width: 150px;
background-color: #aaa;
border : 1px solid gray;
color: #000;
}
 a:hover {
background-color: #666;
color: #fff;
}  */              /* 2 paragra below necessary only */
a span {
display: none;
}
a:hover span {
display: block;
background-color: #EFE0EB;
font-size: 0.8em;
color: #7c2ea0;
padding: 2px
}  
/*
//////////////END OF SCROLLING  /////////  
*/
/* /////////////////////////////////////////////
/* INFOBULLES ADDED BY JMP 
/*  /////////////////////////////////////  */
a.info {
  position:relative;  /* no modif.*/
  border-bottom:1px dashed #808080;   /*f9ccee was   */
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;   /* no modif.*/
}
   a.info span {display: none;}   
a:hover.info span {
  display: inline;
  position: absolute; 
  top:1.7em;  /* position of infobulle, word to top of inobulle ; minus .em=above word  */
  left:0.5em;  /* position of infobulle ;  */
  z-index: 20;
  background: #084d30;   /* 446D87 */
  color: #7C2EA0;  /*F6D7EE  ddd text and image border  */
  border:1px solid #7C2EA0;  /* of infobulle overall 000 */
  width:150px;
  text-align:center;
  font-weight:normal;
  font-size: 12px;
  line-height:12px;
  padding:2px 4px; 
}

a.info2 {
  position:relative;  /* no modif.*/
  border-bottom:1px dashed #808080;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info2 {
  text-decoration: none;
  background: none;   /* no modif.*/
}
a.info2 span {display: none;}
a:hover.info2 span {
  display: inline;
  position: absolute; 
  top:1.7em;  /* position of infobulle, word to top of inobulle ; minus .em=above word  */
  left:0.5em;  /* position of infobulle ;  */
  z-index: 20;
  background: #0F8A56;   /*  084d30 vertfon,    446D87*/
  color: #F6D7EE;  /* ddd   text and image border  */
  border:4px solid #999;  /* of infobulle overall */
  width:150px;
  text-align:center;
  font-weight:normal;
  font-size: 16px;
  line-height:18px;
  padding:2px 4px; 
}
/* END OF INFOBULLES ///////////////////////////////////////// */
/* and place this line wherever you like in the text (html)
<a href="#" class="info">texte<span>définition dans infobulle</span></a>

/* ////////////////   MAIN CSS    //////////////////////////////////////// */
*/

		.nextbutton a:link, .nextbutton a:visited
		{
			font-family: times; /*trebuchet ms, verdana was georgia, , "times new roman, serif ;   */
			font-size: 150%; /* line added by jmp, no effect  */
			display: inline;  /* was block;  */
			padding: 2em 2em;  /* was .2em .5em;   */
			background-color: #620062; /* was 053 620062=violetFon */

			color: #fff;
			border: 1px solid #060;
			width: 33em;
			text-decoration: none;
			text-align: right;
		}
		
		.nextbutton a:hover, .nextbutton a:active
		{
			background-color: #a00;  /* modif. to dark red, works  */
			color: #7D7;
			text-align: right;  /*  no effect */
		}
		
		body     /* main text  */
		{
			margin: 0;
			padding: 0;
			font-size: 75%;  /*	set the size of the whole site */
			font-family: trebuchet ms, verdana; /* was georgia, times, "times new roman, serif ;   */
			font-weight: 600;
			line-height: 1.1em;
			color: #7c2ea0;  /* violetMoy=7c2ea0   5f4883 084d30 vert fonce */
			 background-color: #cccccc; /*c3dac6 = vert pale - edd6f8=rose cccccc*/
		    background-image: url(violet060305_ECR/VioECartGENE_BB7.jpg);  /* was main_col_droit3.jpg  */ 
			 background-repeat: no-repeat;  /* */
		/*	background-position: right;  */
		}


		body3_03em     /* main text  */
		{
			font-size: 0.3em;  
			font-family: trebuchet ms, verdana; /* was georgia, times, "times new roman, serif ;   */
			font-weight: 600;
			line-height: 0.6em;
			color: #7c2ea0;  /* violetMoy=7c2ea0   5f4883 084d30 vert fonce */
		}
		
		body5_05em     /* main text  */
		{
			font-size: 0.5em;  
			font-family: trebuchet ms, verdana; /* was georgia, times, "times new roman, serif ;   */
			font-weight: 600;
			line-height: 0.6em;
			color: #7c2ea0;  /* violetMoy=7c2ea0   5f4883 084d30 vert fonce */
		}

		a:link { color: #036; }
		a:visited { color: #066; }
		
		a:hover, a:active
		{
			color: #fff;
			background-color: #036;
		}
		
		div#banner
		{
			color: #f90;  /* of banner text  */
			/* background-color:   was green= #3b3; background-image:*/
		    background-image: url(violet060305_ECR/violetBANDO6.jpg);  /* was fondbanner1.jpg  */
			  background-repeat: no-repeat;  
			/*background-position: right;  */
			  
			border-bottom: 2px solid #8608a5;   /* was 084d30 */
		}
		
		div#banner h1
		{
			margin: 0;
			padding: .3em 0 .3em .5em;
			color: #993300;   /*  added -  993300 dark red, banner text */
			font-size: 2.2em;
			font-weight: normal;
			text-decoration: none;
		}
		
		div#banner t1
		{
			margin: 0;
			padding: .3em 0 .3em .5em;
			font-family: trebuchet ms, verdana;  /*  added */
			color: #5f4883;   /*  added 333300*/
			font-size: 1em;
			font-weight: normal;
			text-decoration: none;
		}
		
		div#banner t2
		{					/* text of top menu  */
			margin: 0;
			padding: .3em 0 .3em .5em;
			font-family: trebuchet ms, verdana;  /*  added */
			color: #993300;   /*  added */
			font-size: 0.8em;
			font-weight: normal;
		}
		
		div#banner ul
		{
			padding: 0;
			margin: 0;
			list-style-type: none;  /* normal  was none */ /* to present the menu on one single line */
			text-align: right;  /*  align menu text only */
		}
		
		div#banner li
		{
			display: inline;  /* inline= aligned side by side - reverse = display:block; */
			margin-right: 1em;

		}

		div#container
		{
			background-image: url(nav_col_base4.jpg); /* left column image */
			background-repeat: repeat-y;
		}
		
		div#container2
		{
			background-image: url(more_col_base3.jpg);  /* right column image, was   */
			background-repeat: repeat-y;
			background-position: right;
		}
		
		div#navigation
		{
			float: left;
			width: 150px;  /* was 150  push the title and image in Main to the right, but no more than width of left menu*/
			padding-top: 2em;
			line-height:0.8em;  /*  added  for left navig */
		}
		
		div#navigation ul
		{
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
		div#navigation ul li { margin-top: 4px; }
		
		#navigation ul li a  /* main left menu */
		{
			display: block;  /* vertical - reverse, horizontal : display:inline */
			width: 123px; 							/* was 135 ,  width of left menu text, in conjunction with div#content below */ 
			padding: 3px 5px 3px 10px;
			font-family: trebuchet ms, verdana;  /*  added */
			font-size: 0.9em;
			font-weight: 800;
			text-decoration: none;
			color: #721396;  /*  - pale green=c3dac6 116542=vertFon */
			background-image: url(nav_base5.jpg);  /*  */
			background-repeat: repeat-y;
			/*border-bottom: 1px solid gray; */
			border-top: 1px #c3dac6;  /* was solid gray   */
		}
		
		#navigation ul li a:hover
		{
			color: #fff;
			background-color: #ccc;
			background-image: url(nav_base2.jpg);  /* was img/bouton_o_vert3.gif */ 
			background-repeat: repeat-y;
		}
		
		div#more				/* text of breve "more" , in tables  */
		{
			float: right;
			width: 140px;  /* width of right column , was 160 */
			margin: 0;
			font-weight: 800;
			padding: 0.5em 1px 0 0;  /*  was 2em  10 px  0  00  */
			color: #f6edf8;  /* was fff  */

		}
		
		div#more h3						/*  for breve "more" , in tables  */
		{
			margin-top: 0;
			color: #f6edf8;  /* was fff  */
			padding: .2em;
			background-image: url(more_basevert2b.jpg);  /* was more_base.jpg */
			background-position: right;
			background-repeat: repeat-y;
		}
		
		div#content  /* adjust width of main text  */
		{
			margin-left: 350px;  /* was 190  */
			margin-right: 165px;
		}
		
		div#content h2  /* title of main text  */
		{
			font-size: 2em;
			color: #900000;   /* was 5f4883 036 doesn't work */
			margin: 0;
			padding-top: 1em;
			font-weight: 800;
		}
		
		div#content h3  /* title of main text  */
		{
			font-size: 1.6em;
			color: #9650b6;   /* was 5f4883 036*/
			margin: 0;
			padding-top: 1em;
			font-weight: 800;
		}

		div#content h4  /* title of main text  */
		{
			font-size: 1.4em;
			color: #9650b6;   /* was 5f4883 036*/
			margin: 0;
			padding-top: 1em;
			font-weight: 800;
		}

		div#content { line-height: 150%; }
		
		#cleardiv
		{
			clear: both;
			height: 1em;
		}
		
		div#footer
		{
			clear: both;
			background-image: url(fondbanner1.jpg);   /*added background-color: background-color: #3b3;  */
			background-repeat: repeat-y;
			padding: .5em 1em;
			border-top: 2px solid #8608a5;   /* was 084d30 */
			text-align: right;
		}
		
		div#footer ul
		{
			padding: 0;
			margin: 0;
			list-style-type: none; /* */
		}
		
		div#footer li
		{
			display: inline;  /* aligned side by side - reverse = display:block; */
			margin-right: 1em;

		}