/* 
	WebBuilder.pm stylesheet
	Jerome.Gouzy@toulouse.inra.fr
	LIPM@INRA, 2005
*/
body
{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	margin: 0px;
}

div
{
	/* debug */
	/*border: solid black 3px;*/
}

#wb_header1
{
	width: 1000px;
}

#wb_header1 ul
{
	list-style:none;
	display:inline;
}

#wb_header1 li
{
	float: left;
    margin-right:.5em;
	padding:0;
	list-style-type:none;
	color:#F6F8F8;
}
.wb_clear
{
	clear: both;
	visibility: hidden;
	margin:0;
	padding:0;
}


#wb_title 
{
	font-size: 20px;
	color: #006699;
	font-weight: bold;
	font-style: italic;
	float: right;
	margin-right:10px;

}

#wb_header2 
{
	background-color: #006699; 
	width: 1000px;
/* 	margin-top: 20px; */
	height: 30px;
 	color: white; 

}

.wb_logo 
{
	float: left;
	margin-left: 5px;
	border : none;
/*     height:63px; */
}

/********* Main Menu *************/

.wb_main
{
	list-style-type: none;
	font-size: 13px;
	margin: 0;
	margin-bottom: -20px;	/* c'est pour r�soudre un pb IE mais il y a un soucis avec netscape */
	font-weight: bold;
	padding-top: 5px;
}

.wb_main ul
{
	float: right;
	color: white;
}

.wb_main li
{
	float: right;
	margin: 1px 2px 1px 2px;
	border: 1px solid white;
	-moz-border-radius-topright: 10px; 
/* 	-moz-border-radius-topleft: 10px; */
}

.wb_main_a_active 
{
	color: #006699;
}

.wb_main_a_inactive 
{
	color: white;
}

.wb_main a
{
	font-size: 14px;
	padding: 4px;
	display: block;
	text-decoration: none;
	font-family:verdana, arial, sans-serif;
}

.wb_main_li_active 
{
	border-bottom: 1px solid white;
	font-weight: bold;
	background-color: white;
	padding: 2px;
}



/********* Main and sub menus *******/

.wb_li_form
{
	padding: 1px;
	height: 25px;
	border-bottom: 1px solid white;
	/* white-space: nowrap; */
}

/********* Sub menu *****************/

.wb_sub
{
	font-size: 13px;
	background-color:#ecf3f7;
	width: 1000px;
	height: 35px;
}

.wb_sub ul
{
	list-style-type: none;
	margin-top: 0px;
}

.wb_sub li
{
	float: right;
	margin: 0px 4px 0px 4px; 
	color: #006699;
	height: 20px;
}

.wb_sub li.wb_sub_active 
{
/* 	background-color: lightgrey; */

}

.wb_sub li.wb_sub_active a
{
	font-size:18px;
}

.wb_sub a
{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #006699;
	padding: 0px;
}


.wb_sub a:hover
{
	text-decoration:underline;
}


/*********** Content *******************/

.wb_content
{
	margin-top: 0px;
	text-align: justify;
	color: black;
}

/**************************************/

/********** Message *************/
.wb_error
{
    margin: 1em auto;
    padding: 1em;
    width: 90%;
    background-color: red;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
}

#wb_patience
{
	color:  #006699;
	font-family: verdana, arial, sans-serif;
	font-size: 20px;
	 
}

#wb_patience img
{
	border : none;
}

/******* This class is very convenient for separating objects after some 'float:' properties ********/
.wb_sep
{
    margin:0;
    padding:0;
    height:0;
    width:0;
    visibility: hidden;
    clear: both;
}



/********* my adds ***********/

h1
{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #006699;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}

/* ecriture en noir, avec marge � droite*/
P {
	font-size:12px;
	text-decoration:none;
	color:#2A2A2A;
	font-family:Arial,Verdana,sans-serif;
	margin-left:20px;
	margin-right:20px;	
}



/*  ecriture en 14 blanc sur fond bleu fonc�*/
h2{
	font-size:14px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background:#006699;
	font-family:Arial,Verdana,sans-serif;
}

/*  ecriture en 12 blanc sur du bleu fonc�*/
h3
{
	text-align:center;
	font-size: 12px;
	background:#006699;
	color:white;
}

/*  ecriture en 12 bleu gras centr�*/

h4{
	font-size:12px;
	text-decoration:none;
	color:#006699;
	font-family:Arial,Verdana,sans-serif;
	font-weight:bold;
	text-indent:15px;
	text-align:center;
}

/* ecriture  en 16 blanc sur fond bleu fonc� limit� en taille ! */

h5
{
    text-align:center;
	font-size: 16px;
	background:#006699;
	color:white;
    width:1000px;
}


/*ecriture en rouge */
h6
{
	font-size: 12px;
	color:red;
/*     //width:1000px; */
	text-align:left;
	margin-left:20px;
	font-family:Arial,Verdana,sans-serif;
}
img
{
       border : 1px solid #006699;
}

p1
{
    margin-left: 20px;
    margin-right: 10px;
}

div.width
{
	width: 1000px;
}

img.credit
{
	border:none;
}


img#medicago_truncatula
{
	float:left;
	border:none;
}

img#medicago_sativa
{
/* 	float:right; */
	margin-left:20px;
	border:none;
}

div.welcome_text
{
	float:left;
	margin-left:20px; 
	background-color:#F6F8F8;
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.5em ;
}

ul.size600
{
	list-style-type: circle;
	color:black;
	font-size: 14px;
	margin-right:10px;
	width: 600px;
}

ul.size800
{
	list-style-type: circle;
	color:black;
	font-size: 14px;
	margin-right:10px;
	width: 800px;
}

div#welcome_text a
{
	color:#271AB6;
}


.h4_big
{
	font-size: 20px;

}
div#credit
{
   width:990px;
   margin-left:10px;
   float:left;
  /*margin-left:-150px;*/
   text-align:center;

}

h3#welcome_h3
{
 font-size: 7px;
}

div.color
{
   width:990px;
   background-color:#ecf3f7;
   font-size: 12px;
   color: #006699;
   margin-left:10px;
   /*text-align:center;*/
}

.size
{
   width:990px;
   font-size: 12px;
   color: #006699;
   margin-left:10px;

}
/*div avec un fond colore et �criture en gras*/
div.color_bold
{
	width:990px;
	background-color:#ecf3f7; 
	font-size: 12px;
	color: #006699;
	font-weight: bold;
	margin-left:10px;
}

div.color_bold p
{
	font-size: 12px;
	color: #006699;
	margin-left:10px;
}

div.color_bold h1
{
	font-size: 12px;
	color: #006699;
	margin-left:10px;
}

.float
{
	float:left;
}

div.spacer
{
	clear: both;
}